Merge pull request #2168 from blockscout/time-ago-noves-fix

fix time ago
blockscout · Aug 14, 2024 · fc0ee3b · fc0ee3b
2 parents 9c2e990 + 341756f
commit fc0ee3b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/lib/hooks/useTimeAgoIncrement.tsx b/lib/hooks/useTimeAgoIncrement.tsx
@@ -19,7 +19,7 @@ function getUnits(diff: number) {
   return [ DAY, 2 * DAY ];
 }
 
-function getUpdateParams(ts: string) {
+function getUpdateParams(ts: string | number) {
   const timeDiff = Date.now() - new Date(ts).getTime();
   const [ unit, higherUnit ] = getUnits(timeDiff);
 
@@ -41,7 +41,7 @@ function getUpdateParams(ts: string) {
   };
 }
 
-export default function useTimeAgoIncrement(ts: string | null, isEnabled?: boolean) {
+export default function useTimeAgoIncrement(ts: string | number | null, isEnabled?: boolean) {
   const [ value, setValue ] = React.useState(ts ? dayjs(ts).fromNow() : null);
 
   React.useEffect(() => {

diff --git a/ui/address/accountHistory/AddressAccountHistoryListItem.tsx b/ui/address/accountHistory/AddressAccountHistoryListItem.tsx
@@ -41,7 +41,7 @@ const AddressAccountHistoryListItem = (props: Props) => {
             </Text>
           </Flex>
           <TimeAgoWithTooltip
-            timestamp={ (props.tx.rawTransactionData.timestamp * 1000).toString() }
+            timestamp={ props.tx.rawTransactionData.timestamp * 1000 }
             color="text_secondary"
             borderRadius="sm"
             fontWeight={ 500 }

diff --git a/ui/address/accountHistory/AddressAccountHistoryTableItem.tsx b/ui/address/accountHistory/AddressAccountHistoryTableItem.tsx
@@ -26,7 +26,7 @@ const AddressAccountHistoryTableItem = (props: Props) => {
     <Tr>
       <Td px={ 3 } py="18px" fontSize="sm" >
         <TimeAgoWithTooltip
-          timestamp={ (props.tx.rawTransactionData.timestamp * 1000).toString() }
+          timestamp={ props.tx.rawTransactionData.timestamp * 1000 }
           isLoading={ props.isPlaceholderData }
           color="text_secondary"
           borderRadius="sm"

diff --git a/ui/shared/TimeAgoWithTooltip.tsx b/ui/shared/TimeAgoWithTooltip.tsx
@@ -5,7 +5,7 @@ import dayjs from 'lib/date/dayjs';
 import useTimeAgoIncrement from 'lib/hooks/useTimeAgoIncrement';
 
 type Props = {
-  timestamp?: string | null;
+  timestamp?: string | number | null;
   fallbackText?: string;
   isLoading?: boolean;
   enableIncrement?: boolean;