2023-09-15 13:33:29 -07:00
|
|
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
|
|
import useAccountHistory from 'hooks/useAccountHistory'
|
|
|
|
import { ActivityFeed } from 'types'
|
|
|
|
|
2023-09-14 18:48:02 -07:00
|
|
|
const TransactionHistory = () => {
|
2023-09-20 15:01:47 -07:00
|
|
|
const { history } = useAccountHistory()
|
|
|
|
|
2023-09-14 18:48:02 -07:00
|
|
|
return (
|
2023-09-22 06:33:36 -07:00
|
|
|
<div className="flex justify-center rounded-2xl border-2 border-th-fgd-1 bg-th-bkg-1 p-6">
|
|
|
|
{history?.length ? (
|
2023-09-20 15:01:47 -07:00
|
|
|
history.map((history: ActivityFeed | any) => {
|
2023-09-15 13:33:29 -07:00
|
|
|
return (
|
|
|
|
<div key={history.block_datetime}>
|
|
|
|
<div>{history.activity_type}</div>
|
|
|
|
<div>{history.activity_details.symbol}</div>
|
|
|
|
<div>{history.activity_details.quantity}</div>
|
|
|
|
<div>{history.activity_details.signature}</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
})
|
|
|
|
) : (
|
|
|
|
<span>No transaction history found</span>
|
|
|
|
)}
|
2023-09-14 18:48:02 -07:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TransactionHistory
|