From 93457daa2e3df613c6c4f3e7983a21dc29494cf8 Mon Sep 17 00:00:00 2001 From: Honghyeonji Date: Thu, 5 Dec 2024 00:45:39 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=E2=9C=A8=20feat:=20=EC=8A=A4=ED=86=A0?= =?UTF-8?q?=EB=A6=AC=EB=B6=81=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../WorkspaceSampleButton.stories.tsx | 18 ++++ .../ImageTagModalButton.stories.tsx | 47 +++++++++++ .../ImageTagModalHeader.stories.tsx | 34 ++++++++ .../ImageTagModalImg.stories.tsx | 34 ++++++++ .../ImageTagModalList.stories.tsx | 51 ++++++++++++ .../ImageTagModalListItem.stories.tsx | 83 +++++++++++++++++++ .../src/pages/ErrorPage/ErrorPage.stories.tsx | 27 ++++++ .../shared/ui/error/ErrorContent.stories.tsx | 31 +++++++ .../widgets/home/Banner/Banner.stories.tsx | 23 +++++ .../workspace/CoachMark/CoachMark.stories.tsx | 30 +++++++ .../ImageTagModal/ImageTagModal.stories.tsx | 18 ++++ .../WorkspaceHeaderButtons.stories.tsx | 41 +++++++++ 12 files changed, 437 insertions(+) create mode 100644 apps/client/src/entities/home/WorkspaceSampleButton/WorkspaceSampleButton.stories.tsx create mode 100644 apps/client/src/entities/workspace/ImageTagModalButton/ImageTagModalButton.stories.tsx create mode 100644 apps/client/src/entities/workspace/ImageTagModalHeader/ImageTagModalHeader.stories.tsx create mode 100644 apps/client/src/entities/workspace/ImageTagModalImg/ImageTagModalImg.stories.tsx create mode 100644 apps/client/src/entities/workspace/ImageTagModalList/ImageTagModalList.stories.tsx create mode 100644 apps/client/src/entities/workspace/ImageTagModalListItem/ImageTagModalListItem.stories.tsx create mode 100644 apps/client/src/pages/ErrorPage/ErrorPage.stories.tsx create mode 100644 apps/client/src/shared/ui/error/ErrorContent.stories.tsx create mode 100644 apps/client/src/widgets/home/Banner/Banner.stories.tsx create mode 100644 apps/client/src/widgets/workspace/CoachMark/CoachMark.stories.tsx create mode 100644 apps/client/src/widgets/workspace/ImageTagModal/ImageTagModal.stories.tsx create mode 100644 apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx diff --git a/apps/client/src/entities/home/WorkspaceSampleButton/WorkspaceSampleButton.stories.tsx b/apps/client/src/entities/home/WorkspaceSampleButton/WorkspaceSampleButton.stories.tsx new file mode 100644 index 00000000..06db4032 --- /dev/null +++ b/apps/client/src/entities/home/WorkspaceSampleButton/WorkspaceSampleButton.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { WorkspaceSampleButton } from './WorkspaceSampleButton'; + +const meta: Meta = { + title: 'entities/home/WorkspaceSampleButton', + component: WorkspaceSampleButton, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/apps/client/src/entities/workspace/ImageTagModalButton/ImageTagModalButton.stories.tsx b/apps/client/src/entities/workspace/ImageTagModalButton/ImageTagModalButton.stories.tsx new file mode 100644 index 00000000..0af78a4e --- /dev/null +++ b/apps/client/src/entities/workspace/ImageTagModalButton/ImageTagModalButton.stories.tsx @@ -0,0 +1,47 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModalButton } from './ImageTagModalButton'; + +const meta: Meta = { + title: 'entities/workspace/ImageTagModalButton', + component: ImageTagModalButton, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 버튼 컴포넌트', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + content: '이미지 선택하기', + isBlue: true, + onClick: () => {}, + }, + render: (args) => { + return ( + + ); + }, +}; + +export const Close: Story = { + args: { + content: '닫기', + isBlue: false, + onClick: () => {}, + }, + render: (args) => { + return ( + + ); + }, +}; diff --git a/apps/client/src/entities/workspace/ImageTagModalHeader/ImageTagModalHeader.stories.tsx b/apps/client/src/entities/workspace/ImageTagModalHeader/ImageTagModalHeader.stories.tsx new file mode 100644 index 00000000..d2cf5790 --- /dev/null +++ b/apps/client/src/entities/workspace/ImageTagModalHeader/ImageTagModalHeader.stories.tsx @@ -0,0 +1,34 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModalHeader } from './ImageTagModalHeader'; + +const meta: Meta = { + title: 'entities/workspace/ImageTagModalHeader', + component: ImageTagModalHeader, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 헤더', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + onClose: () => {}, + }, + render: (args) => { + return ( +
+ +
+ ); + }, +}; diff --git a/apps/client/src/entities/workspace/ImageTagModalImg/ImageTagModalImg.stories.tsx b/apps/client/src/entities/workspace/ImageTagModalImg/ImageTagModalImg.stories.tsx new file mode 100644 index 00000000..1771b4b6 --- /dev/null +++ b/apps/client/src/entities/workspace/ImageTagModalImg/ImageTagModalImg.stories.tsx @@ -0,0 +1,34 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModalImg } from './ImageTagModalImg'; + +const meta: Meta = { + title: 'entities/workspace/ImageTagModalImg', + component: ImageTagModalImg, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 이미지 미리보기 컴포넌트', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + imageSrc: `${import.meta.env.VITE_STATIC_STORAGE_URL}boolock_logo.png`, + }, + render: (args) => { + return ( +
+ +
+ ); + }, +}; diff --git a/apps/client/src/entities/workspace/ImageTagModalList/ImageTagModalList.stories.tsx b/apps/client/src/entities/workspace/ImageTagModalList/ImageTagModalList.stories.tsx new file mode 100644 index 00000000..2529bf91 --- /dev/null +++ b/apps/client/src/entities/workspace/ImageTagModalList/ImageTagModalList.stories.tsx @@ -0,0 +1,51 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModalList } from './ImageTagModalList'; +import { useState } from 'react'; +import { useImageModalStore } from '@/shared/store'; + +const meta: Meta = { + title: 'entities/workspace/ImageTagModalList', + component: ImageTagModalList, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 이미지 리스트 컴포넌트', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + tagSrc: '/mock/image2.png', + onSetTagSrc: () => {}, + }, + render: (args) => { + const [tagSrc, setTagSrc] = useState(args.tagSrc); + const mockImageList = new Map([ + ['example1 + + + ); + }, +}; diff --git a/apps/client/src/entities/workspace/ImageTagModalListItem/ImageTagModalListItem.stories.tsx b/apps/client/src/entities/workspace/ImageTagModalListItem/ImageTagModalListItem.stories.tsx new file mode 100644 index 00000000..a42d526d --- /dev/null +++ b/apps/client/src/entities/workspace/ImageTagModalListItem/ImageTagModalListItem.stories.tsx @@ -0,0 +1,83 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModalListItem } from '../ImageTagModalListItem/ImageTagModalListItem'; +import { useState } from 'react'; + +const meta: Meta = { + title: 'entities/workspace/ImageTagModalListItem', + component: ImageTagModalListItem, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 이미지 리스트 아이템 컴포넌트', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + isSelected: false, + onDeleteImage: () => {}, + onSelectImage: () => {}, + filename: 'logo.png', + }, + render: (args) => { + return ( + + ); + }, +}; + +export const Selected: Story = { + args: { + isSelected: true, + onDeleteImage: () => {}, + onSelectImage: () => {}, + filename: 'logo.png', + }, + render: (args) => { + return ( + + ); + }, +}; + +export const ActiveAndResize: Story = { + args: { + isSelected: false, + onDeleteImage: () => {}, + onSelectImage: () => {}, + filename: 'logo.png', + }, + render: (args) => { + const [isSelected, setIsSelected] = useState(args.isSelected); + + return ( +
+ setIsSelected(!isSelected)} + filename={args.filename} + /> +
+ ); + }, +}; diff --git a/apps/client/src/pages/ErrorPage/ErrorPage.stories.tsx b/apps/client/src/pages/ErrorPage/ErrorPage.stories.tsx new file mode 100644 index 00000000..d1b7fccb --- /dev/null +++ b/apps/client/src/pages/ErrorPage/ErrorPage.stories.tsx @@ -0,0 +1,27 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ErrorPage } from './ErrorPage'; + +const meta: Meta = { + title: 'pages/ErrorPage', + component: ErrorPage, + parameters: { + layout: 'fullscreen', + }, + decorators: [ + (Story) => { + return ( +
+ +
+ ); + }, + ], + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/apps/client/src/shared/ui/error/ErrorContent.stories.tsx b/apps/client/src/shared/ui/error/ErrorContent.stories.tsx new file mode 100644 index 00000000..1e77fab0 --- /dev/null +++ b/apps/client/src/shared/ui/error/ErrorContent.stories.tsx @@ -0,0 +1,31 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ErrorContent } from './ErrorContent'; + +const meta: Meta = { + title: 'shared/ui/error/ErrorContent', + component: ErrorContent, + parameters: { + layout: 'centered', + }, + decorators: [ + (Story) => { + return ( +
+ +
+ ); + }, + ], + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + description: '에러아님 ㅋ', + }, +}; diff --git a/apps/client/src/widgets/home/Banner/Banner.stories.tsx b/apps/client/src/widgets/home/Banner/Banner.stories.tsx new file mode 100644 index 00000000..9679f8f7 --- /dev/null +++ b/apps/client/src/widgets/home/Banner/Banner.stories.tsx @@ -0,0 +1,23 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { Banner } from './Banner'; + +const meta: Meta = { + title: 'widgets/home/Banner', + component: Banner, + parameters: { + layout: 'centered', + docs: { + description: { + component: '메인홈페이지 배너', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/apps/client/src/widgets/workspace/CoachMark/CoachMark.stories.tsx b/apps/client/src/widgets/workspace/CoachMark/CoachMark.stories.tsx new file mode 100644 index 00000000..dacc370c --- /dev/null +++ b/apps/client/src/widgets/workspace/CoachMark/CoachMark.stories.tsx @@ -0,0 +1,30 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import coachMark from './CoachMark'; + +const meta: Meta = { + title: 'widgets/workspace/coachMark', + component: coachMark, + parameters: { + layout: 'centered', + docs: { + description: { + component: '워크스페이스 튜토리얼 코치 마크', + }, + }, + }, + decorators: [ + (Story) => ( +
+ +
+ ), + ], + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/apps/client/src/widgets/workspace/ImageTagModal/ImageTagModal.stories.tsx b/apps/client/src/widgets/workspace/ImageTagModal/ImageTagModal.stories.tsx new file mode 100644 index 00000000..8ccfc379 --- /dev/null +++ b/apps/client/src/widgets/workspace/ImageTagModal/ImageTagModal.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { ImageTagModal } from './ImageTagModal'; + +const meta: Meta = { + title: 'widgets/workspace/ImageTagModal', + component: ImageTagModal, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx b/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx new file mode 100644 index 00000000..9f69bf03 --- /dev/null +++ b/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx @@ -0,0 +1,41 @@ +import { Meta, StoryObj } from '@storybook/react'; + +import { WorkspaceHeaderButtons } from './WorkspaceHeaderButtons'; +import { ImageTagModalListItem } from '@/entities'; + +const meta: Meta = { + title: 'entities/workspace/WorkspaceHeaderButtons', + component: WorkspaceHeaderButtons, + parameters: { + layout: 'centered', + docs: { + description: { + component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 이미지 리스트 아이템 컴포넌트', + }, + }, + }, + tags: ['autodocs'], +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + isSelected: false, + onDeleteImage: () => {}, + onSelectImage: () => {}, + filename: 'logo.png', + }, + render: (args) => { + return ( + + ); + }, +}; From bd303c88806fa52b87a04a62dcedb637a1d07adc Mon Sep 17 00:00:00 2001 From: Honghyeonji Date: Thu, 5 Dec 2024 00:46:45 +0900 Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=94=A5=20remove:=20=EA=B0=80=EC=9D=B4?= =?UTF-8?q?=EB=93=9C=20=EC=98=81=EC=83=81=20=EC=BB=B4=ED=8F=AC=EB=84=8C?= =?UTF-8?q?=ED=8A=B8=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../home/GuideVideo/GuideVideo.stories.tsx | 28 ------------------- .../entities/home/GuideVideo/GuideVideo.tsx | 28 ------------------- apps/client/src/entities/index.ts | 1 - .../home/GuidesBox/GuidesBox.stories.tsx | 22 --------------- .../src/widgets/home/GuidesBox/GuidesBox.tsx | 21 -------------- apps/client/src/widgets/index.ts | 1 - 6 files changed, 101 deletions(-) delete mode 100644 apps/client/src/entities/home/GuideVideo/GuideVideo.stories.tsx delete mode 100644 apps/client/src/entities/home/GuideVideo/GuideVideo.tsx delete mode 100644 apps/client/src/widgets/home/GuidesBox/GuidesBox.stories.tsx delete mode 100644 apps/client/src/widgets/home/GuidesBox/GuidesBox.tsx diff --git a/apps/client/src/entities/home/GuideVideo/GuideVideo.stories.tsx b/apps/client/src/entities/home/GuideVideo/GuideVideo.stories.tsx deleted file mode 100644 index 49c6c787..00000000 --- a/apps/client/src/entities/home/GuideVideo/GuideVideo.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; -import { GuideVideo } from './GuideVideo'; - -const meta: Meta = { - title: 'entities/home/GuideVideo', - component: GuideVideo, - parameters: { - layout: 'centered', - }, - tags: ['autodocs'], - argTypes: { - videoId: { - control: 'text', - description: '유투브 영상 ID', - defaultValue: 'dQw4w9WgXcQ', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - videoId: 'dQw4w9WgXcQ', - }, -}; diff --git a/apps/client/src/entities/home/GuideVideo/GuideVideo.tsx b/apps/client/src/entities/home/GuideVideo/GuideVideo.tsx deleted file mode 100644 index 17c1690f..00000000 --- a/apps/client/src/entities/home/GuideVideo/GuideVideo.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import YouTube, { YouTubeProps } from 'react-youtube'; - -type GuideVideoProps = { - videoId: string; -}; - -/** - * - * @description - * Boolock 관련 학습 가이드 영상을 보여주는 컴포넌트 - */ -export const GuideVideo = ({ videoId }: GuideVideoProps) => { - const opts: YouTubeProps['opts'] = { - width: '360', - height: '233', - playerVars: { - autoplay: 0, - rel: 0, - modestbranding: 0, - }, - }; - - return ( -
- -
- ); -}; diff --git a/apps/client/src/entities/index.ts b/apps/client/src/entities/index.ts index 1ce64a8f..adb8eeb7 100644 --- a/apps/client/src/entities/index.ts +++ b/apps/client/src/entities/index.ts @@ -1,4 +1,3 @@ -export { GuideVideo } from './home/GuideVideo/GuideVideo'; export { WorkspaceItem } from './home/WorkspaceItem/WorkspaceItem'; export { WorkspaceAddBtn } from './home/WorkspaceAddBtn/WorkspaceAddBtn'; export { WorkspaceLoadError } from './home/WorkspaceLoadError/WorkspaceLoadError'; diff --git a/apps/client/src/widgets/home/GuidesBox/GuidesBox.stories.tsx b/apps/client/src/widgets/home/GuidesBox/GuidesBox.stories.tsx deleted file mode 100644 index 2a9c95c8..00000000 --- a/apps/client/src/widgets/home/GuidesBox/GuidesBox.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GuidesBox } from './GuidesBox'; - -const meta: Meta = { - title: 'widgets/home/GuidesBox', - component: GuidesBox, - parameters: { - layout: 'fullscreen', - }, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - // propsname: value, - }, -}; diff --git a/apps/client/src/widgets/home/GuidesBox/GuidesBox.tsx b/apps/client/src/widgets/home/GuidesBox/GuidesBox.tsx deleted file mode 100644 index f82e5557..00000000 --- a/apps/client/src/widgets/home/GuidesBox/GuidesBox.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { GuideVideo } from '@/entities'; - -/** - * - * @description - * 학습 가이드 영상들을 보여주는 박스 컴포넌트 - */ -export const GuidesBox = () => { - return ( -
-
-

학습 가이드

-
- - - -
-
-
- ); -}; diff --git a/apps/client/src/widgets/index.ts b/apps/client/src/widgets/index.ts index 8d6caa8b..68e0015e 100644 --- a/apps/client/src/widgets/index.ts +++ b/apps/client/src/widgets/index.ts @@ -1,4 +1,3 @@ -export { GuidesBox } from './home/GuidesBox/GuidesBox'; export { Banner } from './home/Banner/Banner'; export { HomeHeader } from './home/HomeHeader/HomeHeader'; export { WorkspaceList } from './home/WorkspaceList/WorkspaceList'; From 6649a86f94656718ff26d750cc0d96f80efed0a3 Mon Sep 17 00:00:00 2001 From: Honghyeonji Date: Thu, 5 Dec 2024 00:47:36 +0900 Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=90=9B=20fix:=20a=ED=83=9C=EA=B7=B8?= =?UTF-8?q?=20=EC=85=80=ED=94=84=20=EC=86=8D=EC=84=B1=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/client/src/shared/blockly/defineBlocks.ts | 1 - apps/client/src/shared/blockly/htmlBlockContents.ts | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/client/src/shared/blockly/defineBlocks.ts b/apps/client/src/shared/blockly/defineBlocks.ts index 79662d0c..7fe5dfbc 100644 --- a/apps/client/src/shared/blockly/defineBlocks.ts +++ b/apps/client/src/shared/blockly/defineBlocks.ts @@ -141,7 +141,6 @@ export const defineBlocks = (blockContents: TBlockContents) => { .appendField( new Blockly.FieldDropdown([ ['_blank', '_blank'], - ['_self', '_self'], ['_parent', '_parent'], ['_top', '_top'], ]), diff --git a/apps/client/src/shared/blockly/htmlBlockContents.ts b/apps/client/src/shared/blockly/htmlBlockContents.ts index df942421..bf971286 100644 --- a/apps/client/src/shared/blockly/htmlBlockContents.ts +++ b/apps/client/src/shared/blockly/htmlBlockContents.ts @@ -192,7 +192,7 @@ const linkBlockContents: TBlockInfo[] = [ kind: 'block', type: addPreviousTypeName('a'), description: - '다른 페이지나 웹사이트로 이동하는 버튼이에요.\n누르면 새로운 곳으로 가요.\ntarget의 속성은 아래와 같습니다.\nself - 미리보기창에서 열어요.\nblank - 새로운 탭에서 열어요\nparent - 현재 탭에서 열어요\ntop - 현재 탭에서 열어요', + '다른 페이지나 웹사이트로 이동하는 버튼이에요.\n누르면 새로운 곳으로 가요.\ntarget의 속성은 아래와 같습니다.\nblank - 새로운 탭에서 열어요\nparent - 현재 탭에서 열어요\ntop - 현재 탭에서 열어요', }, ]; From af9c2a2ee60a47d22737b8d8bcd77010f908a013 Mon Sep 17 00:00:00 2001 From: Honghyeonji Date: Thu, 5 Dec 2024 00:58:59 +0900 Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=B9=8C=EB=93=9C=20?= =?UTF-8?q?=EC=A4=91=20=EC=83=9D=EA=B8=B4=20=EC=98=A4=EB=A5=98=20=ED=95=B4?= =?UTF-8?q?=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../WorkspaceHeaderButtons.stories.tsx | 22 ++----------------- 1 file changed, 2 insertions(+), 20 deletions(-) diff --git a/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx b/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx index 9f69bf03..93016dcf 100644 --- a/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx +++ b/apps/client/src/widgets/workspace/WorkspaceHeaderButtons/WorkspaceHeaderButtons.stories.tsx @@ -1,7 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; import { WorkspaceHeaderButtons } from './WorkspaceHeaderButtons'; -import { ImageTagModalListItem } from '@/entities'; const meta: Meta = { title: 'entities/workspace/WorkspaceHeaderButtons', @@ -10,7 +9,7 @@ const meta: Meta = { layout: 'centered', docs: { description: { - component: 'img 태그 src 속성 적용을 위한 모달창에 사용되는 이미지 리스트 아이템 컴포넌트', + component: '워크스페이스 헤더 버튼 모음 컴포넌트', }, }, }, @@ -21,21 +20,4 @@ export default meta; type Story = StoryObj; -export const Default: Story = { - args: { - isSelected: false, - onDeleteImage: () => {}, - onSelectImage: () => {}, - filename: 'logo.png', - }, - render: (args) => { - return ( - - ); - }, -}; +export const Default: Story = {};