[Fix] FIx Storybook Deploy Error (#53)

* [Feat/Example] add manage tax / members section (#46) * add manage-member components * add manage-tax component * add document * [Feat/Example] add Members Example Page (#48) * add dependency @radix-ui/react-form * add blurred carousel example * add recent-activity component * add recent-activity with interval animation * refactor : divide components into smaller components * add members example page change landing page example * add metadata types * [Feat/Example] add manage tax / members section (#46) * add manage-member components * add manage-tax component * [Feat/Example] add Members Example Page (#48) * add dependency @radix-ui/react-form * add blurred carousel example * add recent-activity component * add recent-activity with interval animation * refactor : divide components into smaller components * add members example page change landing page example * add metadata types * [Example] add manage tax / members section / update readme.md (#47) * [Feat/Example] add manage tax / members section (#46) * add manage-member components * add manage-tax component * add document * [Test/Storybook] add Components Stories (#50) * refactor : add example responsive image * add accordion stories * add carousel stories * add vertical carousel story * add dialog story * [Fix/Storybook] fix : responsive design / storybook typeerror (#52) * fix : responsive design / storybook typeerror * delete : delete unused import line * add vercel.json * chagne vercel.json configuration
leezer94 · Aug 16, 2023 · f6ec21d · f6ec21d · vercel · Aug 16, 2023
1 parent ed9209d
commit f6ec21d
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
@@ -9,7 +9,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "serve-storybook": "serve storybook-static"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",

diff --git a/apps/storybook/src/stories/Carousel.stories.tsx b/apps/storybook/src/stories/Carousel.stories.tsx
@@ -1,6 +1,6 @@
 import '../global.css';
-import type { Meta } from '@storybook/react';
-import { Carousel, type CarouselProps } from 'ui/components/carousel';
+import type { Meta, StoryFn } from '@storybook/react';
+import { Carousel } from 'ui/components/carousel';
 import {
   AppleTemplateCard,
   IssueTemplateCard,
@@ -48,7 +48,9 @@ const CAROUSEL_IMAGES = [
   'https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2670&q=80',
 ];
 
-const Template = (args: CarouselProps) => (
+type Story = StoryFn<typeof Carousel>;
+
+const Template: Story = (args) => (
   <div className='w-[500px] h-[500px]'>
     <Carousel {...args}>
       {CAROUSEL_IMAGES.map((url, idx) => (

diff --git a/apps/storybook/vercel.json b/apps/storybook/vercel.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "buildCommand": "pnpm run build-storybook",
+  "devCommand": "pnpm run storybook",
+  "installCommand": "pnpm install",
+  "framework": null,
+  "outputDirectory": "./storybook-static"
+}
diff --git a/apps/web/components/site/navigation/site-header.tsx b/apps/web/components/site/navigation/site-header.tsx
@@ -76,7 +76,7 @@ export default function SiteHeader() {
                     size: 'sm',
                     variant: 'ghost',
                   }),
-                  'w-9 px-0 hidden md:block'
+                  'w-9 px-0 hidden md:flex'
                 )}
               >
                 <Icons.npm className='h-5 w-5 fill-current' />
@@ -95,7 +95,7 @@ export default function SiteHeader() {
                     size: 'sm',
                     variant: 'ghost',
                   }),
-                  'w-9 px-0 hidden md:block'
+                  'w-9 px-0 hidden md:flex'
                 )}
               >
                 <Icons.storybook className='h-5 w-5 fill-current' />

diff --git a/packages/ui/components/carousel.tsx b/packages/ui/components/carousel.tsx
@@ -3,7 +3,6 @@
 import * as React from 'react';
 import { Icons } from '../icons';
 import { cn } from '../lib/utils';
-import { useEffect } from 'react';
 
 export interface CarouselProps {
   buttonColor: 'black' | 'white';