Merge pull request #311 from ssu-student-union/feat/#310_header_notice

Feat/#310 header notice

src/containers/common/Header/const/pathData.tsx

@@ -10,6 +10,16 @@ export const menuItems = {
       path: '/intro?category=central_executive_committee&sub-category=intro',
     },
   ],
+  공지사항: [
+    {
+      name: '중앙 공지사항',
+      path: '/notice?category=중앙',
+    },
+    {
+      name: '단과대 공지사항',
+      path: '/notice?category=단과대',
+    },
+  ],
   학교생활: [
     { name: '공지사항', path: '/notice' },
     // { name: '일정', path: '/menu7' },

src/pages/notice/hooks/useNoticeBoard.ts

@@ -13,7 +13,9 @@ export function useNoticeBoard(boardCode: string, category: string, subCategory:
   const searchQuery = useRecoilValue(SearchState);
 
   useEffect(() => {
-    handlePageChange(1);
+    if (currentPage !== 1) {
+      handlePageChange(1);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [category, subCategory]);
 

src/pages/notice/hooks/useNoticeCategory.ts

@@ -1,11 +1,24 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { subName, subName2 } from '../const/data';
+import { useSearchParams } from 'react-router-dom';
 
 export function useNoticeCategory() {
   const [category, setCategory] = useState<string>('중앙');
   const [subCategory, setSubCategory] = useState<string>('전체');
   const [subCategorys, setSubCategorys] = useState<string[]>(subName);
 
+  const [searchParams, setSearchParams] = useSearchParams();
+  const categoryParam = searchParams.get('category');
+
+  useEffect(() => {
+    if (categoryParam) {
+      handleCategoryChange(categoryParam);
+    }
+    const newParams = new URLSearchParams(searchParams);
+    newParams.delete('category');
+    setSearchParams(newParams);
+  }, [categoryParam]);
+
   const handleCategoryChange = (newCategory: string) => {
     setCategory(newCategory);
     setSubCategory('전체');