Return inquiries/page.tsx

src/app/(user)/infodesk/inquiries/page.tsx

@@ -1,14 +1,59 @@
 "use client";
 
 import React from "react";
+//import { useRouter } from "next/navigation"; // Import the Next.js router
 
 import { SubHeadNavbar } from "@/components/common/SubHeadNavbar/SubHeadNavbar";
 import { Banner } from "@/components/common/Banner/Banner";
-import { PrimaryButton } from "@/components/common/Buttons/PrimaryButton/PrimaryButton";
+import { Noticeboard } from "@/components/common/Noticeboard/Noticeboard";
+import { PrimaryButton } from "@/components/common/Buttons/PrimaryButton/PrimaryButton"; // Import PrimaryButton
 
 import classes from "./projectQA.module.css";
 
 export default function InquiriesPage() {
+  // const router = useRouter(); // Initialize the router
+
+  const heading = "프로젝트 문의";
+  const classifier = {
+    data: [
+      { value: "0", label: "전체" },
+      { value: "1", label: "제목" },
+      { value: "2", label: "내용" },
+      { value: "3", label: "작성자" },
+      { value: "4", label: "제목+내용" },
+    ],
+    defaultLabel: 0,
+    searchPlaceholder: "검색어를 입력하세요",
+  };
+
+  const items = [
+    {
+      title: "프로젝트 문의입니다",
+      number: 1,
+      author: "관리자",
+      date: new Date("2024-08-01"),
+      view: 150,
+      pinned: true,
+      href: "/inquiries/1",
+      contentTxt: "this is a content.",
+    },
+    {
+      title: "프로젝트 문의입니다",
+      number: 2,
+      author: "관리자",
+      date: new Date("2024-08-05"),
+      view: 100,
+      pinned: false,
+      href: "/inquiries/2",
+      contentTxt: "this is a content.",
+    },
+    // More items can be added here
+  ];
+
+  //const handleButtonClick = () => {
+  //router.push("/inquiries/write");
+  //};
+
   return (
     <>
       <div className={classes.subHeadNavbar}>
@@ -26,6 +71,20 @@ export default function InquiriesPage() {
       </div>
 
       <div className={classes.mainContent}>
+        <Noticeboard
+          inputValue=""
+          handleInput={() => {}}
+          handleKeyDown={() => {}}
+          handleSelect={() => {}}
+          handleSubmit={() => {}}
+          heading={heading}
+          classifier={classifier}
+          items={items}
+          paginShow={10}
+          paginJustify="end"
+          paginMarginTop="20px"
+        />
+
         <PrimaryButton
           style={{ position: "absolute", bottom: "120px", right: "20px" }} // Position the button
         >