rename: bbs -> pst 그룹명 변경

apps/common/features/app/(with-base-layout)/pst/bbsnotice/[bbsId]/[pstNo]/modify/page.tsx

@@ -1,4 +1,4 @@
-import { ModifyPage } from "@/pages/(bbs)/notice";
+import { ModifyPage } from "@/pages/(pst)/notice";
 
 export default async function PstBbsNoticePostModifyPage({
   params,

apps/common/features/app/(with-base-layout)/pst/bbsnotice/[bbsId]/[pstNo]/page.tsx

@@ -1,4 +1,4 @@
-import { NoticePost } from "@/pages/(bbs)/notice";
+import { NoticePost } from "@/pages/(pst)/notice";
 
 export default async function PstBbsNoticePostPage({
   params,

apps/common/features/app/(with-base-layout)/pst/bbsnotice/[bbsId]/page.tsx

@@ -1,4 +1,4 @@
-import { NoticePage } from "@/pages/(bbs)/notice";
+import { NoticePage } from "@/pages/(pst)/notice";
 
 export default async function PstBbsNoticePage({
   params,

apps/common/features/app/(with-base-layout)/pst/bbsnotice/[bbsId]/register/page.tsx

@@ -1,4 +1,4 @@
-import { CreatePage } from "@/pages/(bbs)/notice";
+import { CreatePage } from "@/pages/(pst)/notice";
 
 export default async function PstBbsNoticeRegisterPage({
   params,

apps/common/features/app/(with-base-layout)/pst/layout.tsx

@@ -5,7 +5,11 @@ import type { Board } from "@/entities/board";
 import { PageLayout } from "@/shared/ui/page-layout";
 import { useLocalStorage } from "@frontend-opensource/use-react-hooks";
 
-function NoticeLayout({ children }: { children: React.ReactNode }) {
+export default function PostLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   const [bbsInfo, setBbsInfo] = useState<Board | null>(null);
   const [storedBbsInfo] = useLocalStorage("bbs-info", "");
 
@@ -22,5 +26,3 @@ function NoticeLayout({ children }: { children: React.ReactNode }) {
     </PageLayout>
   );
 }
-
-export { NoticeLayout };

apps/common/features/src/pages/(bbs)/notice/ui/notice-page.tsx

@@ -1,159 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { usePathname, useRouter } from "next/navigation";
-import { useQuery } from "@tanstack/react-query";
-import {
-  getCoreRowModel,
-  useReactTable,
-  type PaginationState,
-  type RowSelectionState,
-} from "@tanstack/react-table";
-import {
-  Button,
-  DataTable,
-  Input,
-  Label,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@common/components";
-import { PostApi, type Post, type PostParams } from "@/entities/post";
-import { ENDPOINT } from "@/shared/config";
-import { useMenuStore } from "@/shared/lib";
-import { columns } from "../model/notice-table-columns";
-import { NoticeLayout } from "./notice-layout";
-
-function NoticePage({ bbsId }: { bbsId: string }) {
-  const router = useRouter();
-  const pathname = usePathname();
-  const { pageMenuAuthority } = useMenuStore((state) => state);
-
-  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
-  const [postParams, setPostParams] = useState<PostParams>({
-    keywordType: "title",
-    keyword: "",
-  });
-  const [pagination, setPagination] = useState<PaginationState>({
-    pageIndex: 0,
-    pageSize: 10,
-  });
-
-  const { data: postList, refetch } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId],
-    queryFn: () =>
-      PostApi.getPostList(bbsId, {
-        ...postParams,
-        page: pagination.pageIndex,
-        size: pagination.pageSize,
-      }),
-    enabled: false,
-  });
-
-  const table = useReactTable({
-    data: postList?.content ?? [],
-    columns,
-    state: {
-      pagination,
-      rowSelection,
-    },
-    rowCount: postList?.totalElements ?? 0,
-    manualPagination: true,
-    enableMultiRowSelection: true,
-    getCoreRowModel: getCoreRowModel(),
-    onPaginationChange: setPagination,
-    onRowSelectionChange: setRowSelection,
-  });
-
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    refetch();
-  };
-
-  const handleRowClick = (row: Post) => {
-    router.push(`${pathname}/${row.pstNo}`);
-  };
-
-  useEffect(() => {
-    refetch();
-  }, [pagination]);
-
-  return (
-    <NoticeLayout>
-      <div className="card card-border !mt-6">
-        <div className="card card-border">
-          <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-            <Label className="mr-2 text-label">검색</Label>
-            <Select
-              value={postParams.keywordType}
-              onValueChange={(keywordType) => {
-                setPostParams({ ...postParams, keywordType });
-              }}
-            >
-              <SelectTrigger className="h-[3.2rem] w-[10rem]">
-                <SelectValue placeholder="선택" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="title">제목</SelectItem>
-                <SelectItem value="all">제목+내용</SelectItem>
-                <SelectItem value="writer">작성자</SelectItem>
-              </SelectContent>
-            </Select>
-            <Input
-              value={postParams.keyword}
-              onChange={(e) =>
-                setPostParams({ ...postParams, keyword: e.target.value })
-              }
-              className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
-            />
-            <Button className="h-[3.2rem]" type="submit">
-              조회
-            </Button>
-          </form>
-        </div>
-        <div className="card card-border">
-          <div className="card-header">
-            <div className="flex w-full items-center justify-between">
-              <h3 className="text-2xl font-medium text-label">공지사항 목록</h3>
-              <div className="flex gap-2">
-                {pageMenuAuthority?.regAuthrtYn === "Y" && (
-                  <Button onClick={() => router.push(`${pathname}/register`)}>
-                    등록
-                  </Button>
-                )}
-                <Select
-                  value={table.getState().pagination.pageSize.toString()}
-                  onValueChange={(value) => {
-                    table.setPageSize(parseInt(value));
-                  }}
-                >
-                  <SelectTrigger className="h-[3.2rem] w-[12rem]">
-                    <SelectValue placeholder="페이지 크기" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {[10, 20, 30, 40, 50].map((pageSize) => (
-                      <SelectItem key={pageSize} value={pageSize.toString()}>
-                        {pageSize}개씩 보기
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-          </div>
-          <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
-            <DataTable
-              table={table}
-              onRowClick={handleRowClick}
-              viewPagination
-            />
-          </div>
-        </div>
-      </div>
-    </NoticeLayout>
-  );
-}
-
-export { NoticePage };

apps/common/features/src/pages/(pst)/notice/ui/create-page.tsx

@@ -8,7 +8,6 @@ import { useMutation } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
 import { PostApi, postFormSchema, type PostFormData } from "@/entities/post";
 import { setCookie, useAlertStore, useUserStore } from "@/shared/lib";
-import { NoticeLayout } from "./notice-layout";
 
 function CreatePage({ bbsId }: { bbsId: string }) {
   const router = useRouter();
@@ -40,14 +39,12 @@ function CreatePage({ bbsId }: { bbsId: string }) {
   }, []);
 
   return (
-    <NoticeLayout>
-      <div className="card card-border !mt-6">
-        <div className="card-header">
-          <h3 className="text-2xl font-medium text-label">게시글 등록</h3>
-        </div>
-        <PostForm form={form} handleSave={createPost} />
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">게시글 등록</h3>
       </div>
-    </NoticeLayout>
+      <PostForm form={form} handleSave={createPost} />
+    </div>
   );
 }
 

apps/common/features/src/pages/(pst)/notice/ui/modify-page.tsx

@@ -11,7 +11,6 @@ import {
 } from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore, useUserStore } from "@/shared/lib";
-import { NoticeLayout } from "./notice-layout";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
   const { setMessage: alert } = useAlertStore((state) => state);
@@ -40,14 +39,12 @@ function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
   });
 
   return (
-    <NoticeLayout>
-      <div className="card card-border !mt-6">
-        <div className="card-header">
-          <h3 className="text-2xl font-medium text-label">게시글 수정</h3>
-        </div>
-        <PostForm form={form} handleSave={updatePost} />
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">게시글 수정</h3>
       </div>
-    </NoticeLayout>
+      <PostForm form={form} handleSave={updatePost} />
+    </div>
   );
 }
 

apps/common/features/src/pages/(pst)/notice/ui/notice-page.tsx

@@ -0,0 +1,152 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { usePathname, useRouter } from "next/navigation";
+import { useQuery } from "@tanstack/react-query";
+import {
+  getCoreRowModel,
+  useReactTable,
+  type PaginationState,
+  type RowSelectionState,
+} from "@tanstack/react-table";
+import {
+  Button,
+  DataTable,
+  Input,
+  Label,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@common/components";
+import { PostApi, type Post, type PostParams } from "@/entities/post";
+import { ENDPOINT } from "@/shared/config";
+import { useMenuStore } from "@/shared/lib";
+import { columns } from "../model/notice-table-columns";
+
+function NoticePage({ bbsId }: { bbsId: string }) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const { pageMenuAuthority } = useMenuStore((state) => state);
+
+  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
+  const [postParams, setPostParams] = useState<PostParams>({
+    keywordType: "title",
+    keyword: "",
+  });
+  const [pagination, setPagination] = useState<PaginationState>({
+    pageIndex: 0,
+    pageSize: 10,
+  });
+
+  const { data: postList, refetch } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId],
+    queryFn: () =>
+      PostApi.getPostList(bbsId, {
+        ...postParams,
+        page: pagination.pageIndex,
+        size: pagination.pageSize,
+      }),
+    enabled: false,
+  });
+
+  const table = useReactTable({
+    data: postList?.content ?? [],
+    columns,
+    state: {
+      pagination,
+      rowSelection,
+    },
+    rowCount: postList?.totalElements ?? 0,
+    manualPagination: true,
+    enableMultiRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    onPaginationChange: setPagination,
+    onRowSelectionChange: setRowSelection,
+  });
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    refetch();
+  };
+
+  const handleRowClick = (row: Post) => {
+    router.push(`${pathname}/${row.pstNo}`);
+  };
+
+  useEffect(() => {
+    refetch();
+  }, [pagination]);
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card card-border">
+        <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
+          <Label className="mr-2 text-label">검색</Label>
+          <Select
+            value={postParams.keywordType}
+            onValueChange={(keywordType) => {
+              setPostParams({ ...postParams, keywordType });
+            }}
+          >
+            <SelectTrigger className="h-[3.2rem] w-[10rem]">
+              <SelectValue placeholder="선택" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="title">제목</SelectItem>
+              <SelectItem value="all">제목+내용</SelectItem>
+              <SelectItem value="writer">작성자</SelectItem>
+            </SelectContent>
+          </Select>
+          <Input
+            value={postParams.keyword}
+            onChange={(e) =>
+              setPostParams({ ...postParams, keyword: e.target.value })
+            }
+            className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
+          />
+          <Button className="h-[3.2rem]" type="submit">
+            조회
+          </Button>
+        </form>
+      </div>
+      <div className="card card-border">
+        <div className="card-header">
+          <div className="flex w-full items-center justify-between">
+            <h3 className="text-2xl font-medium text-label">공지사항 목록</h3>
+            <div className="flex gap-2">
+              {pageMenuAuthority?.regAuthrtYn === "Y" && (
+                <Button onClick={() => router.push(`${pathname}/register`)}>
+                  등록
+                </Button>
+              )}
+              <Select
+                value={table.getState().pagination.pageSize.toString()}
+                onValueChange={(value) => {
+                  table.setPageSize(parseInt(value));
+                }}
+              >
+                <SelectTrigger className="h-[3.2rem] w-[12rem]">
+                  <SelectValue placeholder="페이지 크기" />
+                </SelectTrigger>
+                <SelectContent>
+                  {[10, 20, 30, 40, 50].map((pageSize) => (
+                    <SelectItem key={pageSize} value={pageSize.toString()}>
+                      {pageSize}개씩 보기
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        </div>
+        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+          <DataTable table={table} onRowClick={handleRowClick} viewPagination />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export { NoticePage };

apps/common/features/src/pages/(pst)/notice/ui/notice-post.tsx

@@ -1,14 +1,9 @@
 "use client";
 
 import { Post } from "@/widgets/post";
-import { NoticeLayout } from "./notice-layout";
 
 function NoticePost({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  return (
-    <NoticeLayout>
-      <Post bbsId={bbsId} pstNo={pstNo} />
-    </NoticeLayout>
-  );
+  return <Post bbsId={bbsId} pstNo={pstNo} />;
 }
 
 export { NoticePost };