diff --git a/src/components/TransactionRow.tsx b/src/components/TransactionRow.tsx index cd1c9e0..e987683 100644 --- a/src/components/TransactionRow.tsx +++ b/src/components/TransactionRow.tsx @@ -126,6 +126,7 @@ function getDirection(walletId: string, details?: ITransactionDetails) { export const TransactionRow: React.FC = ({ tx }) => { const { walletId, cancelTransaction, signTransaction } = useAppStore(); + const [ time, setTime ] = React.useState(Date.now()); const isMountedRef = React.useRef(false); const [inProgress, setInProgress] = React.useState(false); const [isSdkCompletedSigning, setSdkCompletedSigning] = React.useState(false); @@ -138,6 +139,14 @@ export const TransactionRow: React.FC = ({ tx }) => { }; }, []); + // update "time ago" every 5 secs + React.useEffect(() => { + const interval = setInterval(() => setTime(Date.now()), 5_000); + return () => { + clearInterval(interval); + } + }, []) + const onSignTransactionClicked = async (txId: string) => { setInProgress(true); try { @@ -182,7 +191,7 @@ export const TransactionRow: React.FC = ({ tx }) => { - {formatTimeAgo(new Date(tx.createdAt!))} + {formatTimeAgo(new Date(tx.lastUpdated!))} {tx.details?.assetId}