Remove custom date formatting

Signed-off-by: Milos Dzepina <milos@aragon.org>

Author: milosh86

src/modules/components/proposal/proposalActionSimulationStructure/proposalActionSimulationStructure.stories.tsx

@@ -80,34 +80,6 @@ export const WithErrorMessage: Story = {
     },
 };
 
-/**
- * Recent simulation (shows "Now")
- */
-export const RecentSimulation: Story = {
-    args: {
-        totalActions: 7,
-        lastSimulation: {
-            timestamp: DateTime.now().minus({ minutes: 5 }).toMillis(),
-            url: 'https://dashboard.tenderly.co/simulation/12345',
-            status: 'success',
-        },
-    },
-};
-
-/**
- * Old simulation (shows formatted date)
- */
-export const OldSimulation: Story = {
-    args: {
-        totalActions: 2,
-        lastSimulation: {
-            timestamp: DateTime.now().minus({ weeks: 2 }).toMillis(),
-            url: 'https://dashboard.tenderly.co/simulation/12345',
-            status: 'success',
-        },
-    },
-};
-
 /**
  * Not simulatable - only shows Tenderly link
  */

src/modules/components/proposal/proposalActionSimulationStructure/proposalActionSimulationStructure.test.tsx

@@ -41,34 +41,6 @@ describe('<ProposalActionSimulationStructure /> component', () => {
         expect(screen.getByText('Never')).toBeInTheDocument();
     });
 
-    it('renders relative time for recent simulation', () => {
-        const recentTime = DateTime.now().minus({ days: 2 });
-        render(
-            createTestComponent({
-                lastSimulation: {
-                    timestamp: recentTime.toMillis(),
-                    url: 'https://dashboard.tenderly.co/simulation/12345',
-                    status: 'success',
-                },
-            }),
-        );
-        expect(screen.getByText('2 days ago')).toBeInTheDocument();
-    });
-
-    it('renders "Now" for very recent simulation', () => {
-        const veryRecentTime = DateTime.now().minus({ seconds: 30 });
-        render(
-            createTestComponent({
-                lastSimulation: {
-                    timestamp: veryRecentTime.toMillis(),
-                    url: 'https://dashboard.tenderly.co/simulation/12345',
-                    status: 'success',
-                },
-            }),
-        );
-        expect(screen.getByText('Now')).toBeInTheDocument();
-    });
-
     it('renders the execution status label', () => {
         render(
             createTestComponent({

src/modules/components/proposal/proposalActionSimulationStructure/proposalActionSimulationStructure.tsx

@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import { DateTime } from 'luxon';
 import { useMemo } from 'react';
 import {
     AvatarIcon,
@@ -39,7 +38,6 @@ export interface IProposalActionSimulationStructureProps {
      */
     className?: string;
     /**
-     *
      * Optional error message to display.
      */
     error?: string;
@@ -77,24 +75,10 @@ export const ProposalActionSimulationStructure: React.FC<IProposalActionSimulati
         }
     }, [simulationCopy, lastSimulation?.status]);
 
-    const formatSimulationDate = (timestamp?: number) => {
-        if (!timestamp) {
-            return copy.proposalActionSimulationStructure.never;
-        }
-
-        const date = DateTime.fromMillis(timestamp);
-        const now = DateTime.now();
-        const diffInMinutes = now.diff(date, 'minutes').minutes;
-        const diffInDays = now.diff(date, 'days').days;
-
-        if (diffInMinutes < 2) {
-            return copy.proposalActionSimulationStructure.now;
-        }
-
-        return formatterUtils.formatDate(date, {
-            format: diffInDays > 3 ? DateFormat.YEAR_MONTH_DAY_TIME : DateFormat.RELATIVE,
-        });
-    };
+    const formattedTimestamp =
+        formatterUtils.formatDate(lastSimulation?.timestamp, {
+            format: DateFormat.YEAR_MONTH_DAY_TIME,
+        }) ?? simulationCopy.never;
 
     return (
         <DataList.Item className={classNames('flex flex-col gap-4 p-4 pt-1 pb-4', className)}>
@@ -110,7 +94,7 @@ export const ProposalActionSimulationStructure: React.FC<IProposalActionSimulati
                             {simulationCopy.simulating}
                         </span>
                     ) : (
-                        formatSimulationDate(lastSimulation?.timestamp)
+                        <span className="inline-block first-letter:capitalize">{formattedTimestamp}</span>
                     )}
                 </DefinitionList.Item>