get live data to display values 'ago'

ccphan · Jun 22, 2022 · 2758e04 · 2758e04
1 parent e38aad9
commit 2758e04
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/explorer/client/src/__tests__/e2e.test.ts b/explorer/client/src/__tests__/e2e.test.ts
@@ -411,7 +411,7 @@ describe('End-to-end Tests', () => {
     });
     describe('Transactions for ID', () => {
         const txResults =
-            'TxIdAgeTxTypeStatusAddressesDa4vHc9IwbvO...+xnJ7Zx5E4=925days2hoursTransfer\u2714From:senderAddressTo:receiv...dressGHTP9gcFmF5K...KFhdqfpdK8=1min3secsTransfer\u2716From:senderAddressTo:receiv...dressXHTP9gcFmF5K...KFhdqfpdK8=<1secTransfer\u2714From:senderAddressTo:receiv...dressYHTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZHTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZITP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZJTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZKTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZLTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZMTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZNTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dressZOTP9gcFmF5K...KFhdqfpdK8=<1secTransfer✔From:senderAddressTo:receiv...dress';
+            'TxIdAgeTxTypeStatusAddressesDa4vHc9IwbvO...+xnJ7Zx5E4=925days2hoursagoTransfer\u2714From:senderAddressTo:receiv...dressGHTP9gcFmF5K...KFhdqfpdK8=1min3secsagoTransfer\u2716From:senderAddressTo:receiv...dressXHTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer\u2714From:senderAddressTo:receiv...dressYHTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZHTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZITP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZJTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZKTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZLTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZMTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZNTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dressZOTP9gcFmF5K...KFhdqfpdK8=<1secagoTransfer✔From:senderAddressTo:receiv...dress';
 
         it('are displayed deduplicated from and to address', async () => {
             const address = 'ownsAllAddress';

diff --git a/explorer/client/src/components/transactions-for-id/TxForID.tsx b/explorer/client/src/components/transactions-for-id/TxForID.tsx
@@ -60,9 +60,7 @@ function TxForIDView({ showData }: { showData: TxnData[] | undefined }) {
         <div id="tx" className={styles.txresults}>
             <div className={styles.txheader}>
                 <div className={styles.txid}>TxId</div>
-                {showData[0].timestamp_ms && (
-                    <div className={styles.txage}>Age</div>
-                )}
+                <div className={styles.txage}>Age</div>
                 <div className={styles.txtype}>TxType</div>
                 <div className={styles.txstatus}>Status</div>
                 <div className={styles.txadd}>Addresses</div>
@@ -78,11 +76,9 @@ function TxForIDView({ showData }: { showData: TxnData[] | undefined }) {
                             alttext={truncate(x.txId, 26, '...')}
                         />
                     </div>
-                    {showData[0].timestamp_ms && (
-                        <div className={styles.txage}>
-                            {timeAgo(x.timestamp_ms)}
-                        </div>
-                    )}
+                    <div className={styles.txage}>
+                        {`${timeAgo(x.timestamp_ms)} ago`}
+                    </div>
                     <div className={styles.txtype}>{x.kind}</div>
                     <div
                         className={cl(
@@ -157,6 +153,7 @@ function TxForIDAPI({ id, category }: { id: string; category: categoryType }) {
                             kind: el!.kind,
                             From: el!.From,
                             To: el!.To,
+                            timestamp_ms: el!.timestamp_ms,
                         }));
                         setData({
                             data: subData,

diff --git a/explorer/client/src/utils/api/DefaultRpcClient.ts b/explorer/client/src/utils/api/DefaultRpcClient.ts
@@ -62,6 +62,7 @@ export const getDataOnTxDigests = (
                             txGas: getTotalGasUsed(txEff),
                             kind: txKind,
                             From: res.data.sender,
+                            timestamp_ms: txEff.timestamp_ms,
                             ...(recipient
                                 ? {
                                       To: recipient,