You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
635 B
26 lines
635 B
import { useTransactions } from '../../hooks/getMany/useTransactions' |
|
import { Page } from '../../layout/Page' |
|
import './style.scss' |
|
|
|
export const TransactionList = () => { |
|
const transactions = useTransactions() |
|
|
|
return ( |
|
<Page> |
|
<h1>Transactions</h1> |
|
|
|
<div className="transactions"> |
|
{transactions.data?.map((tx, i) => { |
|
return ( |
|
<div className="dank-transaction" key={`${tx.id}-txs-${i}`}> |
|
<p> |
|
{tx.details}: ${tx.amount} |
|
</p> |
|
<p>on: {tx.created_at}</p> |
|
</div> |
|
) |
|
})} |
|
</div> |
|
</Page> |
|
) |
|
}
|
|
|