From 763069522a9049f29af02c54292e93d08387ff9d Mon Sep 17 00:00:00 2001 From: Vivian Phung Date: Sat, 22 Jun 2024 17:17:02 -0400 Subject: [PATCH] fix(staging): github repos chore(storybook): icons --- packages/frontend/.env.example | 2 +- packages/frontend/.storybook/main.ts | 2 ++ .../Icons/ChevronDownSmallIcon.stories.tsx | 10 +++++++--- .../Components/Icons/ChevronRight.stories.tsx | 10 +++++++--- .../Components/Icons/ChevronUpDown.stories.tsx | 10 +++++++--- .../Components/Icons/ChevronUpSmallIcon.stories.tsx | 12 ++++++++---- .../Components/Icons/CollaboratorsIcon.stories.tsx | 2 +- 7 files changed, 33 insertions(+), 15 deletions(-) diff --git a/packages/frontend/.env.example b/packages/frontend/.env.example index 34d3c406..24d6d6da 100644 --- a/packages/frontend/.env.example +++ b/packages/frontend/.env.example @@ -14,4 +14,4 @@ VITE_BUGSNAG_API_KEY= VITE_PASSKEY_WALLET_RPID= VITE_TURNKEY_API_BASE_URL= -VITE_TURNKEY_ORGANIZATION_ID= \ No newline at end of file +VITE_TURNKEY_ORGANIZATION_ID= diff --git a/packages/frontend/.storybook/main.ts b/packages/frontend/.storybook/main.ts index 4feb3df9..ed57cbf5 100644 --- a/packages/frontend/.storybook/main.ts +++ b/packages/frontend/.storybook/main.ts @@ -9,6 +9,7 @@ import { join, dirname } from 'path'; function getAbsolutePath(value: string): any { return dirname(require.resolve(join(value, 'package.json'))); } + const config: StorybookConfig = { stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'], addons: [ @@ -26,6 +27,7 @@ const config: StorybookConfig = { docs: { autodocs: 'tag', }, + staticDirs: ['../public'], }; export default config; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx index b2cb4329..e50a212c 100644 --- a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx +++ b/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx @@ -6,9 +6,13 @@ const meta: Meta = { title: 'Icons/ChevronDownSmallIcon', component: ChevronDownSmallIcon, tags: ['autodocs'], - args: { - size: 'string | number' as unknown as any, - name: 'string', + argTypes: { + size: { + control: 'text', + }, + name: { + control: 'text', + }, }, }; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx index c73cb39e..3f0b24be 100644 --- a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx +++ b/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx @@ -6,9 +6,13 @@ const meta: Meta = { title: 'Icons/ChevronRight', component: ChevronRight, tags: ['autodocs'], - args: { - size: 'string | number' as unknown as any, - name: 'string', + argTypes: { + size: { + control: 'text', + }, + name: { + control: 'text', + }, }, }; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx index f9c5ce01..04b52c68 100644 --- a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx +++ b/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx @@ -6,9 +6,13 @@ const meta: Meta = { title: 'Icons/ChevronUpDown', component: ChevronUpDown, tags: ['autodocs'], - args: { - size: 'string | number' as unknown as any, - name: 'string', + argTypes: { + size: { + control: 'text', + }, + name: { + control: 'text', + }, }, }; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx index cbe2a93a..f8d67894 100644 --- a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx +++ b/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx @@ -3,12 +3,16 @@ import { Meta, StoryObj } from '@storybook/react'; import { ChevronUpSmallIcon } from 'components/shared/CustomIcon'; const meta: Meta = { - title: 'Components/ChevronUpSmallIcon', + title: 'Icons/ChevronUpSmallIcon', component: ChevronUpSmallIcon, tags: ['autodocs'], - args: { - size: 'string | number' as unknown as any, - name: 'string', + argTypes: { + size: { + control: 'text', + }, + name: { + control: 'text', + }, }, }; diff --git a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx index 3541b0a4..83fc9976 100644 --- a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx +++ b/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx @@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'; import { CollaboratorsIcon } from 'components/shared/CustomIcon'; const meta: Meta = { - title: 'Components/CollaboratorsIcon', + title: 'Icons/CollaboratorsIcon', component: CollaboratorsIcon, tags: ['autodocs'], argTypes: {