update timestamps

src/components/Tables/PurchaseHistoryTable/index.tsx

@@ -8,12 +8,13 @@ import {
   TableHead,
   TablePagination,
   TableRow,
+  Tooltip,
 } from '@mui/material';
 import TimeAgo from 'javascript-time-ago';
 import en from 'javascript-time-ago/locale/en';
 import { useState } from 'react';
 
-import { getBalanceString } from '@/utils/functions';
+import { getBalanceString, getTimeStringLong } from '@/utils/functions';
 
 import { Address, Link } from '@/components/Elements';
 
@@ -114,7 +115,14 @@ export const PurchaseHistoryTable = ({ data }: PurchaseHistoryTableProps) => {
                   </StyledTableCell>
                   <StyledTableCell align='center'>{type}</StyledTableCell>
                   <StyledTableCell align='center'>
-                    {timeAgo.format(timestamp, 'round-minute')}
+                    <Tooltip title={getTimeStringLong(timestamp)}>
+                      <p>
+                        {timeAgo.format(timestamp, {
+                          steps: [{ formatAs: 'day' }],
+                          labels: 'long',
+                        })}
+                      </p>
+                    </Tooltip>
                   </StyledTableCell>
                 </StyledTableRow>
               )

src/hooks/sale/purchaseHistory.ts

@@ -59,10 +59,10 @@ export const usePurchaseHistory = (
                   address: account,
                   core,
                   extrinsicId: `${height}-${extrinsicId}`,
-                  timestamp: new Date(`${timestamp}Z`),
+                  timestamp: new Date(Number(timestamp)),
                   price: parseInt(price),
                   type: purchaseType,
-                }) as PurchaseHistoryItem
+                } as PurchaseHistoryItem)
             )
           );
         }

src/hooks/sale/saleDetails.ts

@@ -54,10 +54,10 @@ export const useSaleDetails = (network: NetworkType, saleCycle: number) => {
                   address: account,
                   core,
                   extrinsicId: `${height}-${extrinsicId}`,
-                  timestamp: new Date(`${timestamp}Z`),
+                  timestamp: new Date(Number(timestamp)),
                   price: parseInt(price),
                   type: purchaseType,
-                }) as PurchaseHistoryItem
+                } as PurchaseHistoryItem)
             )
           );
         }

src/hooks/sale/salesHistory.ts

@@ -53,11 +53,11 @@ export const useSalesHistory = (network: NetworkType) => {
                   regionEnd,
                   startBlock: height,
                   endBlock: saleEnd,
-                  startTimestamp: Date.parse(`${timestamp}Z`),
-                  endTimestamp: Date.parse(`${tsSaleEnd}Z`),
+                  startTimestamp: Number(timestamp),
+                  endTimestamp: Number(tsSaleEnd),
                   startPrice,
                   endPrice,
-                }) as SalesHistoryItem
+                } as SalesHistoryItem)
             )
           );
         }

src/utils/functions/formatting.ts

@@ -1,9 +1,13 @@
 import moment from 'moment';
 
-export const getTimeStringShort = (timestamp: number): string => {
+export const getTimeStringShort = (timestamp: number | Date): string => {
   return moment(timestamp).format('MMM DD HH:mm');
 };
 
-export const getTimeStringLong = (timestamp: number): string => {
+export const getTimeStringLong = (timestamp: number | Date): string => {
   return moment(timestamp).format('MMM DD YYYY HH:mm');
 };
+
+export const getUTCTimeString = (timestamp: number | Date): string => {
+  return moment.utc(timestamp).format('MMM DD YYYY HH:mm:ss (+UTC)');
+};