docs(storybook): 일부 컴포넌트, 페이지 문서화 추가

Author: MatchaKim

src/stories/components/EgovError.stories.jsx

@@ -0,0 +1,28 @@
+import EgovError from "@/components/EgovError";
+import { MemoryRouter } from "react-router-dom";
+
+export default {
+  title: "components/EgovError",
+  component: EgovError,
+  tags: ["autodocs"],
+  argTypes: {
+    msg: { control: "text" },
+  },
+  args: {
+    msg: "다음과 같은 에러가 발생하였습니다.",
+  },
+  decorators: [
+    (Story, context) => (
+      <MemoryRouter
+        key={context.args.msg}
+        initialEntries={[
+          { pathname: "/error", state: { msg: context.args.msg } },
+        ]}
+      >
+        <Story />
+      </MemoryRouter>
+    ),
+  ],
+};
+
+export const Default = {};

src/stories/components/EgovPaging.stories.jsx

@@ -0,0 +1,34 @@
+import EgovPaging from "@/components/EgovPaging";
+import { useArgs } from "storybook/internal/preview-api";
+
+export default {
+  title: "components/EgovPaging",
+  component: EgovPaging,
+  tags: ["autodocs"],
+  argTypes: {
+    pagination: { control: "object" },
+  },
+  args: {
+    pagination: {
+      currentPageNo: 1,
+      pageSize: 10,
+      totalRecordCount: 1000,
+      recordCountPerPage: 10,
+    },
+  },
+};
+
+export const Interactive = (args) => {
+  const [{ pagination }, updateArgs] = useArgs();
+
+  const handleMoveToPage = (page) => {
+    updateArgs({
+      pagination: {
+        ...pagination,
+        currentPageNo: page,
+      },
+    });
+  };
+
+  return <EgovPaging {...args} moveToPage={handleMoveToPage} />;
+};

src/stories/components/EgovRadioButtonGroup.stories.jsx

@@ -0,0 +1,32 @@
+import EgovRadioButtonGroup from "@/components/EgovRadioButtonGroup";
+import { useArgs } from "storybook/internal/preview-api";
+
+export default {
+  title: "components/EgovRadioButtonGroup",
+  component: EgovRadioButtonGroup,
+  parameters: {},
+  tags: ["autodocs"],
+  argTypes: {
+    radioGroup: { control: "object" },
+    setter: { action: "changed" },
+  },
+  args: {
+    radioGroup: [
+      { label: "Radio 1", value: "radio1" },
+      { label: "Radio 2", value: "radio2" },
+      { label: "Radio 3", value: "radio3" },
+    ],
+    name: "radioGroup",
+    setValue: "radio1",
+  },
+};
+
+export const Default = (args) => {
+  const [{ setValue }, updateArgs] = useArgs();
+
+  const handleChange = (newValue) => {
+    updateArgs({ setValue: newValue });
+  };
+
+  return <EgovRadioButtonGroup {...args} setter={handleChange} />;
+};

src/stories/pages/admin/board/EgovAdminBoardList.stories.jsx

@@ -0,0 +1,18 @@
+import EgovAdminBoardList from "@/pages/admin/board/EgovAdminBoardList";
+import { MemoryRouter } from "react-router-dom";
+
+export default {
+  title: "pages/admin/board/EgovAdminBoardList",
+  component: EgovAdminBoardList,
+  parameters: {},
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <MemoryRouter initialEntries={["/admin/board"]}>
+        <Story />
+      </MemoryRouter>
+    ),
+  ],
+};
+
+export const Default = {};

src/stories/pages/login/EgovLogin.stories.jsx

@@ -0,0 +1,18 @@
+import EgovLogin from "@/pages/login/EgovLogin";
+import { MemoryRouter } from "react-router-dom";
+
+export default {
+  title: "pages/login/EgovLogin",
+  component: EgovLogin,
+  parameters: {},
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <MemoryRouter initialEntries={["/login"]}>
+        <Story />
+      </MemoryRouter>
+    ),
+  ],
+};
+
+export const Default = {};