l2beat · torztomasz · May 24, 2023 · May 23, 2023
diff --git a/packages/frontend/src/utils/formatting/formatTimestamp.ts b/packages/frontend/src/utils/formatting/formatTimestamp.ts
@@ -1,22 +1,22 @@
 import { Timestamp } from '@explorer/types'
 
-export function formatTimestamp(timestamp: Timestamp, type: 'local' | 'utc') {
-  const { datePart, timePart } = formatTimestampParts(timestamp, type)
+// Right now we treat every timestamp as UTC because we are using SSR and there is currently no way to get the user's timezone
+// If we ever add a way to get the user's timezone, we can add a 'local' type and retrieve the timezone from the headers or smth
+
+export function formatTimestamp(timestamp: Timestamp) {
+  const { datePart, timePart } = formatTimestampParts(timestamp)
   return `${datePart} ${timePart}`
 }
 
-export function formatTimestampParts(
-  timestamp: Timestamp,
-  type: 'local' | 'utc'
-) {
+export function formatTimestampParts(timestamp: Timestamp) {
   const date = new Date(Number(timestamp))
 
-  const year = type === 'local' ? date.getFullYear() : date.getUTCFullYear()
-  const month = type === 'local' ? date.getMonth() + 1 : date.getUTCMonth() + 1
-  const day = type === 'local' ? date.getDate() : date.getUTCDate()
-  const hour = type === 'local' ? date.getHours() : date.getUTCHours()
-  const minute = type === 'local' ? date.getMinutes() : date.getUTCMinutes()
-  const second = type === 'local' ? date.getSeconds() : date.getUTCSeconds()
+  const year = date.getUTCFullYear()
+  const month = date.getUTCMonth() + 1
+  const day = date.getUTCDate()
+  const hour = date.getUTCHours()
+  const minute = date.getUTCMinutes()
+  const second = date.getUTCSeconds()
 
   const YYYY = year.toString().padStart(4, '0')
   const MM = month.toString().padStart(2, '0')
@@ -26,5 +26,8 @@ export function formatTimestampParts(
   const mm = minute.toString().padStart(2, '0')
   const ss = second.toString().padStart(2, '0')
 
-  return { datePart: `${YYYY}-${MM}-${DD}`, timePart: `${hh}:${mm}:${ss}` }
+  return {
+    datePart: `${YYYY}-${MM}-${DD}`,
+    timePart: `${hh}:${mm}:${ss}`,
+  }
 }
diff --git a/packages/frontend/src/view/components/TimeCell.tsx b/packages/frontend/src/view/components/TimeCell.tsx
@@ -8,7 +8,7 @@ export interface TimeCellProps {
 }
 
 export function TimeCell({ timestamp }: TimeCellProps) {
-  const { datePart, timePart } = formatTimestampParts(timestamp, 'local')
+  const { datePart, timePart } = formatTimestampParts(timestamp)
 
   return (
     <div className="relative top-0.5 flex flex-col sm:top-0 sm:flex-row sm:gap-1">

diff --git a/packages/frontend/src/view/components/tables/OffersTable.tsx b/packages/frontend/src/view/components/tables/OffersTable.tsx
@@ -45,7 +45,7 @@ export interface OfferEntry {
 
 export function OffersTable(props: OffersTableProps) {
   const columns: Column[] = [
-    { header: 'Time' },
+    { header: 'Time (UTC)' },
     { header: 'Id' },
     { header: 'Trade', align: 'center' },
     ...(props.showStatus ? [{ header: 'Status' }] : []),

diff --git a/packages/frontend/src/view/components/tables/TransactionsTable.tsx b/packages/frontend/src/view/components/tables/TransactionsTable.tsx
@@ -28,7 +28,7 @@ export interface TransactionEntry {
 export function TransactionsTable(props: TransactionsTableProps) {
   const columns: Column[] = []
   if (!props.hideTime) {
-    columns.push({ header: 'Time' })
+    columns.push({ header: 'Time (UTC)' })
   }
   columns.push(
     { header: 'Tx Hash' },

diff --git a/packages/frontend/src/view/old/forced-transactions/ForcedTransactionsTable.tsx b/packages/frontend/src/view/old/forced-transactions/ForcedTransactionsTable.tsx
@@ -21,7 +21,7 @@ export function ForcedTransactionsTable({
       noRowsText="no forced transactions have been issued so far"
       columns={[
         { header: 'Type' },
-        { header: 'Time' },
+        { header: 'Time (UTC)' },
         { header: 'Status' },
         { header: 'Tx Hash', monospace: true, fullWidth: true },
         { header: 'Position' },

diff --git a/packages/frontend/src/view/old/offers/ForcedTradeOffersTable.tsx b/packages/frontend/src/view/old/offers/ForcedTradeOffersTable.tsx
@@ -23,7 +23,7 @@ export function ForcedTradeOffersTable({
       columns={[
         { header: 'No.' },
         { header: 'Type' },
-        { header: 'Time' },
+        { header: 'Time (UTC)' },
         { header: 'Position' },
         { header: 'Amount', numeric: true, fullWidth: true },
         { header: 'Asset' },

diff --git a/packages/frontend/src/view/old/positions/PositionTransactionsTable.tsx b/packages/frontend/src/view/old/positions/PositionTransactionsTable.tsx
@@ -42,7 +42,7 @@ export function PositionTransactionsTable(
 
 const transactionHistoryTableColumns: Column[] = [
   { header: 'Type' },
-  { header: 'Time' },
+  { header: 'Time (UTC)' },
   { header: 'Status' },
   { header: 'Tx Hash', monospace: true, fullWidth: true },
   { header: 'Amount', numeric: true },

diff --git a/packages/frontend/src/view/old/state-updates/StateUpdateDetails.tsx b/packages/frontend/src/view/old/state-updates/StateUpdateDetails.tsx
@@ -94,7 +94,7 @@ export function StateUpdateDetails({
         noRowsText="this update does not include any forced transactions"
         columns={[
           { header: 'Type' },
-          { header: 'Time' },
+          { header: 'Time (UTC)' },
           { header: 'Tx Hash', monospace: true, fullWidth: true },
           { header: 'Amount', numeric: true },
           { header: 'Asset' },

diff --git a/packages/frontend/src/view/old/state-updates/StateUpdatesTable.tsx b/packages/frontend/src/view/old/state-updates/StateUpdatesTable.tsx
@@ -15,7 +15,7 @@ export function StateUpdatesTable({ stateUpdates }: StateUpdatesTableProps) {
       columns={[
         { header: 'No.' },
         { header: 'Tx Hash', monospace: true, fullWidth: true },
-        { header: 'Time' },
+        { header: 'Time (UTC)' },
         { header: 'Position updates', numeric: true },
         { header: 'Forced txs', numeric: true },
       ]}

diff --git a/packages/frontend/src/view/pages/home/components/HomeStateUpdatesTable.tsx b/packages/frontend/src/view/pages/home/components/HomeStateUpdatesTable.tsx
@@ -23,7 +23,7 @@ export function HomeStateUpdatesTable(props: HomeStateUpdatesTableProps) {
   return (
     <Table
       columns={[
-        { header: 'Time' },
+        { header: 'Time (UTC)' },
         { header: 'Id' },
         { header: 'Tx Hash' },
         { header: 'Updates', numeric: true },

diff --git a/packages/frontend/src/view/pages/state-update/components/StateUpdateStats.tsx b/packages/frontend/src/view/pages/state-update/components/StateUpdateStats.tsx
@@ -45,7 +45,7 @@ export function StateUpdateStats(props: StateUpdateStatsProps) {
             </Link>
           </ValueItem>
           <ValueItem label="Ethereum block timestamp">
-            {formatTimestamp(props.ethereumTimestamp, 'utc')} UTC
+            {formatTimestamp(props.ethereumTimestamp)} UTC
           </ValueItem>
 
           {/* Disabled until StarkEx timestamp will be fixed

diff --git a/packages/frontend/src/view/pages/transaction/components/HistoryTable.tsx b/packages/frontend/src/view/pages/transaction/components/HistoryTable.tsx
@@ -23,7 +23,7 @@ export function TransactionHistoryTable(props: TransactionHistoryTableProps) {
       <SectionHeading title="History" />
       <Table
         columns={[
-          { header: 'Time' },
+          { header: 'Time (UTC)' },
           { header: 'Status' },
           { header: 'Description' },
         ]}

diff --git a/packages/frontend/src/view/pages/transaction/components/TransactionOverview.tsx b/packages/frontend/src/view/pages/transaction/components/TransactionOverview.tsx
@@ -51,7 +51,7 @@ export function TransactionOverview(props: TransactionOverviewProps) {
             label={props.timestamp.label}
             className="text-right"
           >
-            {formatTimestamp(props.timestamp.timestamp, 'utc')} UTC{' '}
+            {formatTimestamp(props.timestamp.timestamp)} UTC{' '}
             <span className="text-zinc-500">
               ({delayDays} {delayDays === 1 ? 'day' : 'days'})
             </span>

diff --git a/packages/frontend/src/view/pages/user/components/UserBalanceChangesTable.tsx b/packages/frontend/src/view/pages/user/components/UserBalanceChangesTable.tsx
@@ -28,7 +28,7 @@ export function UserBalanceChangesTable(props: UserBalanceChangesTableProps) {
   return (
     <Table
       columns={[
-        { header: 'Time' },
+        { header: 'Time (UTC)' },
         { header: 'Update' },
         { header: 'Asset' },
         { header: 'Change', numeric: true },