From 4ae1f058e597712a9c0258b013b06a35426df998 Mon Sep 17 00:00:00 2001 From: jokurebayashi <21.j.kurebayashi.nutfes@gmail.com> Date: Thu, 18 Jul 2024 18:42:09 +0900 Subject: [PATCH 1/2] [add]DeleteModal.stories.tsx EditModal.stories.tsx OpenDeleteModalButton.stories.tsx OpenEditModalButton.stories.tsx --- .../src/components/users/DeleteModal.tsx | 2 +- .../src/components/users/EditModal.tsx | 2 +- .../src/components/users/index.ts | 4 +++ .../src/stories/users/DeleteModal.stories.tsx | 18 +++++++++++ .../src/stories/users/EditModal.stories.tsx | 31 +++++++++++++++++++ .../users/OpenDeleteModalButton.stories.tsx | 18 +++++++++++ .../users/OpenEditModalButton.stories.tsx | 18 +++++++++++ 7 files changed, 91 insertions(+), 2 deletions(-) create mode 100644 view/next-project/src/components/users/index.ts create mode 100644 view/next-project/src/stories/users/DeleteModal.stories.tsx create mode 100644 view/next-project/src/stories/users/EditModal.stories.tsx create mode 100644 view/next-project/src/stories/users/OpenDeleteModalButton.stories.tsx create mode 100644 view/next-project/src/stories/users/OpenEditModalButton.stories.tsx diff --git a/view/next-project/src/components/users/DeleteModal.tsx b/view/next-project/src/components/users/DeleteModal.tsx index cfaff48e7..6b3598dd5 100644 --- a/view/next-project/src/components/users/DeleteModal.tsx +++ b/view/next-project/src/components/users/DeleteModal.tsx @@ -4,7 +4,7 @@ import { multiDel } from '@api/api_methods'; import { Modal, CloseButton, OutlinePrimaryButton, PrimaryButton } from '@components/common'; import { User } from '@type/common'; -interface ModalProps { +export interface ModalProps { setShowModal: Dispatch>; children?: React.ReactNode; deleteUsers?: { users: User[]; ids: number[] }; diff --git a/view/next-project/src/components/users/EditModal.tsx b/view/next-project/src/components/users/EditModal.tsx index 5f86c9f19..f11427366 100644 --- a/view/next-project/src/components/users/EditModal.tsx +++ b/view/next-project/src/components/users/EditModal.tsx @@ -6,7 +6,7 @@ import { ROLES } from '@/constants/role'; import { put } from '@api/user'; import { Bureau, User } from '@type/common'; -interface ModalProps { +export interface ModalProps { setShowModal: Dispatch>; id: number | string; bureaus: Bureau[]; diff --git a/view/next-project/src/components/users/index.ts b/view/next-project/src/components/users/index.ts new file mode 100644 index 000000000..fbf04190f --- /dev/null +++ b/view/next-project/src/components/users/index.ts @@ -0,0 +1,4 @@ +export { default as DeleteModal } from './DeleteModal'; +export { default as EditModal } from './EditModal'; +export { default as OpenDeleteModalButton } from './OpenDeleteModalButton'; +export { default as OpenEditModalButton } from './OpenEditModalButton'; \ No newline at end of file diff --git a/view/next-project/src/stories/users/DeleteModal.stories.tsx b/view/next-project/src/stories/users/DeleteModal.stories.tsx new file mode 100644 index 000000000..54fd24c6c --- /dev/null +++ b/view/next-project/src/stories/users/DeleteModal.stories.tsx @@ -0,0 +1,18 @@ +import { Meta } from '@storybook/react'; +import { DeleteModal } from '@components/users/'; + +const meta: Meta = { + title: 'FinanSu/users/DeleteModal', + component: DeleteModal, + tags: ['autodocs'], + argTypes: {}, +}; + +export default meta; + +export const Primary = { + args: { + className: 'm-10', + children:

children

, + }, +}; diff --git a/view/next-project/src/stories/users/EditModal.stories.tsx b/view/next-project/src/stories/users/EditModal.stories.tsx new file mode 100644 index 000000000..ac9dc514b --- /dev/null +++ b/view/next-project/src/stories/users/EditModal.stories.tsx @@ -0,0 +1,31 @@ +import { Meta, StoryFn } from '@storybook/react'; +import { EditModal } from '@components/users'; // 名前のインポートを修正 + +const meta: Meta = { + title: 'FinanSu/users/EditModal', + component: EditModal, + tags: ['autodocs'], + argTypes: {}, +}; + +export default meta; + +const Template: StoryFn = (args) => ; + +export const Primary = Template.bind({}); +Primary.args = { + setShowModal: () => { + // Add your implementation here + }, + id: 1, + bureaus: [ + { id: 1, name: 'Bureau 1' }, + { id: 2, name: 'Bureau 2' }, + ], + user: { + id: 1, + name: 'John Doe', + bureauID: 1, + roleID: 1, + }, +}; diff --git a/view/next-project/src/stories/users/OpenDeleteModalButton.stories.tsx b/view/next-project/src/stories/users/OpenDeleteModalButton.stories.tsx new file mode 100644 index 000000000..7ca01db03 --- /dev/null +++ b/view/next-project/src/stories/users/OpenDeleteModalButton.stories.tsx @@ -0,0 +1,18 @@ +import { Meta } from '@storybook/react'; +import { OpenDeleteModalButton } from '@components/users'; + +const meta: Meta = { + title: 'FinanSu/users/OpenDeleteModalButton', + component: OpenDeleteModalButton, + tags: ['autodocs'], + argTypes: {}, +}; + +export default meta; + +export const Primary = { + args: { + className: 'm-10', + children:

children

, + }, +}; diff --git a/view/next-project/src/stories/users/OpenEditModalButton.stories.tsx b/view/next-project/src/stories/users/OpenEditModalButton.stories.tsx new file mode 100644 index 000000000..710929565 --- /dev/null +++ b/view/next-project/src/stories/users/OpenEditModalButton.stories.tsx @@ -0,0 +1,18 @@ +import { Meta } from '@storybook/react'; +import { OpenEditModalButton } from '@components/users'; + +const meta: Meta = { + title: 'FinanSu/users/OpenEditModalButton', + component: OpenEditModalButton, + tags: ['autodocs'], + argTypes: {}, +}; + +export default meta; + +export const Primary = { + args: { + className: 'm-10', + children:

children

, + }, +}; From 4ba30276c24858ec7227f95ca83ba4d7b6ed6d99 Mon Sep 17 00:00:00 2001 From: jokurebayashi Date: Thu, 18 Jul 2024 09:51:03 +0000 Subject: [PATCH 2/2] formatted by workflow --- view/next-project/src/components/users/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/next-project/src/components/users/index.ts b/view/next-project/src/components/users/index.ts index fbf04190f..86919306e 100644 --- a/view/next-project/src/components/users/index.ts +++ b/view/next-project/src/components/users/index.ts @@ -1,4 +1,4 @@ export { default as DeleteModal } from './DeleteModal'; export { default as EditModal } from './EditModal'; export { default as OpenDeleteModalButton } from './OpenDeleteModalButton'; -export { default as OpenEditModalButton } from './OpenEditModalButton'; \ No newline at end of file +export { default as OpenEditModalButton } from './OpenEditModalButton';