From 928958131ce81b57fb9bce9c5f51cf219452610d Mon Sep 17 00:00:00 2001
From: Vivian Phung <dev+github@vivianphung.com>
Date: Tue, 14 May 2024 13:08:10 -0400
Subject: [PATCH] component story directory

---
 .../src/stories/{ => Components}/Avatar.stories.tsx         | 2 +-
 .../src/stories/{ => Components}/Button.stories.tsx         | 6 ++++--
 .../src/stories/{ => Components}/ComponentsAll.stories.tsx  | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)
 rename packages/frontend/src/stories/{ => Components}/Avatar.stories.tsx (95%)
 rename packages/frontend/src/stories/{ => Components}/Button.stories.tsx (97%)
 rename packages/frontend/src/stories/{ => Components}/ComponentsAll.stories.tsx (85%)

diff --git a/packages/frontend/src/stories/Avatar.stories.tsx b/packages/frontend/src/stories/Components/Avatar.stories.tsx
similarity index 95%
rename from packages/frontend/src/stories/Avatar.stories.tsx
rename to packages/frontend/src/stories/Components/Avatar.stories.tsx
index 0183667a..5d48298e 100644
--- a/packages/frontend/src/stories/Avatar.stories.tsx
+++ b/packages/frontend/src/stories/Components/Avatar.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 
 import { Avatar, AvatarVariants } from 'components/shared/Avatar';
-import { avatars, avatarsFallback } from '../pages/components/renders/avatar';
+import { avatars, avatarsFallback } from 'pages/components/renders/avatar';
 
 const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44];
 const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue'];
diff --git a/packages/frontend/src/stories/Button.stories.tsx b/packages/frontend/src/stories/Components/Button.stories.tsx
similarity index 97%
rename from packages/frontend/src/stories/Button.stories.tsx
rename to packages/frontend/src/stories/Components/Button.stories.tsx
index 3e2d45fd..eb9c3052 100644
--- a/packages/frontend/src/stories/Button.stories.tsx
+++ b/packages/frontend/src/stories/Components/Button.stories.tsx
@@ -7,7 +7,7 @@ import {
   renderButtons,
   renderDisabledButtons,
   renderLinks,
-} from '../pages/components/renders/button';
+} from 'pages/components/renders/button';
 
 const meta: Meta<typeof Button> = {
   title: 'Components/Button',
@@ -100,7 +100,9 @@ export const ButtonAll: Story = {
   render: () => (
     <div className="flex gap-5 flex-col items-center">
       {/* Button */}
-      <h1 className="text-2xl font-bold items-center justify-between">Button</h1>
+      <h1 className="text-2xl font-bold items-center justify-between">
+        Button
+      </h1>
       <div className="flex flex-col gap-10">
         {renderButtons()}
         {renderButtonIcons()}
diff --git a/packages/frontend/src/stories/ComponentsAll.stories.tsx b/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx
similarity index 85%
rename from packages/frontend/src/stories/ComponentsAll.stories.tsx
rename to packages/frontend/src/stories/Components/ComponentsAll.stories.tsx
index 89244265..aeeb0d28 100644
--- a/packages/frontend/src/stories/ComponentsAll.stories.tsx
+++ b/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx
@@ -1,11 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import Page from '../pages/components';
+import Page from 'pages/components';
 
 const meta: Meta<typeof Page> = {
   component: Page,
   title: 'Components/All',
 };
+
 export default meta;
 
 type Story = StoryObj<typeof Page>;