Create IActionSimulationRun interface

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

Author: milosh86

src/modules/assets/copy/modulesCopy.ts

@@ -32,7 +32,6 @@ export const modulesCopy = {
         likelyToSucceed: 'Likely to succeed',
         likelyToFail: 'Likely to fail',
         unknown: 'Unknown',
-        now: 'Now',
     },
     proposalActionsContainer: {
         emptyHeader: 'No actions added',

src/modules/components/action/actionSimulation/actionSimulation.api.tsx

@@ -0,0 +1,36 @@
+export interface IActionSimulationRun {
+    timestamp: number;
+    url: string;
+    status: 'success' | 'failed';
+}
+
+export interface IActionSimulationProps {
+    /**
+     * Total number of actions in the proposal.
+     */
+    totalActions: number;
+    /**
+     * Last simulation data including timestamp, URL, and status.
+     */
+    lastSimulation?: IActionSimulationRun;
+    /**
+     * Whether simulation is currently running.
+     */
+    isLoading?: boolean;
+    /**
+     * Whether the proposal can be simulated.
+     */
+    isEnabled?: boolean;
+    /**
+     * Callback when simulate again button is clicked.
+     */
+    onSimulate?: () => void;
+    /**
+     * Additional class names applied to the wrapper div.
+     */
+    className?: string;
+    /**
+     * Optional error message to display.
+     */
+    error?: string;
+}

src/modules/components/action/actionSimulation/actionSimulation.stories.tsx

@@ -35,13 +35,13 @@ export const Success: Story = {
 /**
  * Completed simulation with negative outcome (can't be executed)
  */
-export const Failure: Story = {
+export const Failed: Story = {
     args: {
         totalActions: 2,
         lastSimulation: {
             timestamp: DateTime.now().minus({ seconds: 10 }).toMillis(),
             url: 'https://dashboard.tenderly.co/simulation/12345',
-            status: 'failure',
+            status: 'failed',
         },
     },
 };

src/modules/components/action/actionSimulation/actionSimulation.test.tsx

@@ -1,8 +1,8 @@
 import { render, screen } from '@testing-library/react';
 import { DateTime } from 'luxon';
 import { GukCoreProvider } from '../../../../core';
-import type { IActionSimulationProps } from './actionSimulation';
 import { ActionSimulation } from './actionSimulation';
+import type { IActionSimulationProps } from './actionSimulation.api';
 
 describe('<ActionSimulation /> component', () => {
     const createTestComponent = (props?: Partial<IActionSimulationProps>) => {
@@ -60,7 +60,7 @@ describe('<ActionSimulation /> component', () => {
                 lastSimulation: {
                     timestamp: DateTime.now().toMillis(),
                     url: 'https://dashboard.tenderly.co/simulation/12345',
-                    status: 'failure',
+                    status: 'failed',
                 },
             }),
         );

src/modules/components/action/actionSimulation/actionSimulation.tsx

@@ -11,37 +11,7 @@ import {
     Spinner,
 } from '../../../../core';
 import { useGukModulesContext } from '../../gukModulesProvider';
-
-export interface IActionSimulationProps {
-    /**
-     * Total number of actions in the proposal.
-     */
-    totalActions: number;
-    /**
-     * Last simulation data including timestamp, URL, and status.
-     */
-    lastSimulation?: { timestamp: number; url: string; status: 'success' | 'failure' };
-    /**
-     * Whether simulation is currently running.
-     */
-    isLoading?: boolean;
-    /**
-     * Whether the proposal can be simulated.
-     */
-    isEnabled?: boolean;
-    /**
-     * Callback when simulate again button is clicked.
-     */
-    onSimulate?: () => void;
-    /**
-     * Additional class names applied to the wrapper div.
-     */
-    className?: string;
-    /**
-     * Optional error message to display.
-     */
-    error?: string;
-}
+import type { IActionSimulationProps } from './actionSimulation.api';
 
 export const ActionSimulation: React.FC<IActionSimulationProps> = (props) => {
     const { totalActions, lastSimulation, isLoading, isEnabled = true, onSimulate, className, error } = props;
@@ -58,7 +28,7 @@ export const ActionSimulation: React.FC<IActionSimulationProps> = (props) => {
                     textColor: 'text-success-800',
                     variant: 'success' as const,
                 };
-            case 'failure':
+            case 'failed':
                 return {
                     icon: IconType.CRITICAL,
                     label: simulationCopy.likelyToFail,

src/modules/components/action/actionSimulation/index.ts

@@ -1 +1,2 @@
 export { ActionSimulation } from './actionSimulation';
+export type { IActionSimulationRun } from './actionSimulation.api';