[2/n][Storybook] Settings - EnvironmentVariables (#75)

packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx

@@ -29,10 +29,10 @@ const meta: Meta<typeof AddEnvironmentVariableRow> = {
       action: 'register',
     },
     index: {
-        type: 'number',
+      type: 'number',
     },
     isDeleteDisabled: {
-        type: 'boolean',
+      type: 'boolean',
     },
   },
   args: {

packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx

@@ -1,6 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
 
 import DisplayEnvironmentVariables from 'components/projects/project/settings/DisplayEnvironmentVariables';
+import {
+  environmentVariable0,
+  environmentVariable1,
+} from '../../MockStoriesData';
+import { Environment } from 'gql-client';
 
 const meta: Meta<typeof DisplayEnvironmentVariables> = {
   title: 'Project/Settings/DisplayEnvironmentVariables',
@@ -20,6 +25,10 @@ const meta: Meta<typeof DisplayEnvironmentVariables> = {
       action: 'update',
     },
   },
+  args: {
+    environment: Environment.Development,
+    variables: [environmentVariable0, environmentVariable1],
+  },
 };
 
 export default meta;

packages/frontend/vite.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from 'vite';
+import { defineConfig, PluginOption } from 'vite';
 import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react()] as PluginOption[],
   resolve: {
     alias: {
       utils: '/src/utils',