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

fix time ago

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(() => {

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 }

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"

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;