fix: display vesting end and start as dates

subsquid · May 16, 2024 · 0872a9f · 0872a9f
1 parent 3a2be72
commit 0872a9f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/api/contracts/vesting.ts b/src/api/contracts/vesting.ts
@@ -64,8 +64,8 @@ export function useVestings({ addresses }: { addresses?: `0x${string}`[] }) {
   return {
     data: data
       ? chunk(data, 8).map(ch => ({
-          start: unwrapResult(ch[0])?.toString(),
-          end: unwrapResult(ch[1])?.toString(),
+          start: Number(unwrapResult(ch[0])) * 1000,
+          end: Number(unwrapResult(ch[1])) * 1000,
           deposited: unwrapResult(ch[2])?.toString(),
           releasable: unwrapResult(ch[3])?.toString(),
           released: unwrapResult(ch[4])?.toString(),

diff --git a/src/pages/AssetsPage/Vesting.tsx b/src/pages/AssetsPage/Vesting.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { dateFormat } from '@i18n';
 import { addressFormatter, percentFormatter } from '@lib/formatters/formatters';
 import { Divider, Stack, styled } from '@mui/material';
 import { Box } from '@mui/system';
@@ -104,11 +105,11 @@ export function Vesting({ backPath }: { backPath: string }) {
             <Stack spacing={2} direction="column">
               <Stack direction="row">
                 <DescLabel>Start</DescLabel>
-                <DescValue>{data.start || '-'}</DescValue>
+                <DescValue>{dateFormat(data.start, 'dateTime')}</DescValue>
               </Stack>
               <Stack direction="row">
                 <DescLabel>End</DescLabel>
-                <DescValue>{data.end || '-'}</DescValue>
+                <DescValue>{dateFormat(data.end, 'dateTime')}</DescValue>
               </Stack>
               <Stack direction="row">
                 <DescLabel>Initial release</DescLabel>

diff --git a/src/pages/GatewaysPage/GatewaysPage.tsx b/src/pages/GatewaysPage/GatewaysPage.tsx
@@ -56,7 +56,7 @@ export function MyGateways() {
                   </TableCell>
                   <TableCell>{formatSqd(SQD_TOKEN, gateway.pendingStaked)}</TableCell>
                   <TableCell>{formatSqd(SQD_TOKEN, gateway.totalStaked)}</TableCell>
-                  <TableCell>{dateFormat(gateway.createdAt)}</TableCell>
+                  <TableCell>{dateFormat(gateway.createdAt, 'dateTime')}</TableCell>
                 </TableRow>
               );
             })}

diff --git a/src/pages/WorkersPage/WorkerStatistics.tsx b/src/pages/WorkersPage/WorkerStatistics.tsx
@@ -70,7 +70,7 @@ export const WorkerStatistics = ({ worker }: { worker: BlockchainApiFullWorker }
         <Stack spacing={2} direction="column">
           <Stack direction="row">
             <WorkerDescLabel>Registered</WorkerDescLabel>
-            <WorkerDescValue>{dateFormat(worker.createdAt)}</WorkerDescValue>
+            <WorkerDescValue>{dateFormat(worker.createdAt, 'dateTime')}</WorkerDescValue>
           </Stack>
           <Stack direction="row">
             <WorkerDescLabel>Version</WorkerDescLabel>