GlcoinCore/squeaknode
1
0
Fork 0
mirror of https://github.com/yzernik/squeaknode.git synced 2026-08-15 12:50:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve transctions display in wallet transactions tab (#275)

Browse source
This commit is contained in:
Jonathan Zernik 2020-10-03 20:21:35 -07:00 • committed by GitHub
parent 41a6a87545
commit 9de4db766a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 37 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

52
frontend/squeak-node-frontend/src/pages/wallet/Wallet.js
View file

@ -181,21 +181,9 @@ export default function WalletPage() {
function TransactionsContent() {
return (
<>
<div>
{transactions.map(transaction =>
<Box
p={1}
key={transaction.getTxHash()}
>
<TransactionItem
key={transaction.getTxHash()}
// handleTransactionClick={() => goToSqueakPage(transaction.getSqueakHash())}
handleTransactionClick={() => console.log("clicked transaction")}
transaction={transaction}>
</TransactionItem>
</Box>
)}
</div>
<Grid container spacing={4}>
{TransactionsGridItem()}
</Grid>
</>
)
}
@ -315,6 +303,40 @@ export default function WalletPage() {
)
}
function TransactionsGridItem() {
return (
<Grid item xs={12}>
<Widget disableWidgetMenu>
<Grid
container
direction="row"
justify="flex-start"
alignItems="center"
>
<Grid item xs={12}>
<div>
{transactions.map(transaction =>
<Box
p={1}
key={transaction.getTxHash()}
>
<TransactionItem
key={transaction.getTxHash()}
// handleTransactionClick={() => goToSqueakPage(transaction.getSqueakHash())}
handleTransactionClick={() => console.log("clicked transaction")}
transaction={transaction}>
</TransactionItem>
</Box>
)}
</div>
</Grid>
</Grid>
</Widget>
</Grid>
)
}
function ChannelsGridItem() {
return (
<Grid item lg={3} md={4} sm={6} xs={12}>