Merge pull request #221 from ssu-student-union/feat/#148_jongse_qa_3

Feat/#148 jongse qa 3

src/pages/main/containers/LostArticleSection.tsx

@@ -42,7 +42,7 @@ const LostArticleSection = () => {
   );
 
   return (
-    <section>
+    <section className="w-full">
       <div className="flex items-center">
         <h1 className="text-[2rem] font-bold xs:text-[1.25rem]">분실물 현황</h1>
         <ArrowUpRight

src/pages/notice/hooks/useNoticeToday.ts

@@ -1,26 +1,24 @@
 import { useEffect, useState } from 'react';
 import { useGetBoardPosts } from '@/hooks/useGetBoardPosts';
-import { useNoticeCategory } from './useNoticeCategory';
 import { Post } from '@/types/apis/get';
 import { useRecoilState } from 'recoil';
 import { todayPostCountState } from '@/recoil/atoms/atom';
+import { useMemo } from 'react';
+import { NoticeResponse } from '../types';
 
-export function useTodayPosts(boardCode: string) {
-  const { category, subCategory } = useNoticeCategory();
-
+export function useTodayPosts(boardCode: string, category: string, subCategory: string) {
   const [todayPostCount, setTodayPostCount] = useRecoilState(todayPostCountState(category));
   const [page, setPage] = useState<number>(0);
   const [stopFetching, setStopFetching] = useState<boolean>(false);
-
-  const { data, isLoading, isError } = useGetBoardPosts<any>({
+  const { data, isLoading, isError } = useGetBoardPosts<NoticeResponse>({
     boardCode,
     take: 10,
     page,
     groupCode: category === '중앙' ? '중앙기구' : '단과대학생회',
     memberCode: subCategory === '전체' ? '' : subCategory,
   });
 
-  const posts: Post[] = data?.data?.postListResDto || [];
+  const posts: Post[] = useMemo(() => data?.data?.postListResDto || [], [data]);
 
   const isPostToday = (dateString: string): boolean => {
     const today = new Date();
@@ -68,7 +66,7 @@ export function useTodayPosts(boardCode: string) {
     } else {
       setStopFetching(true);
     }
-  }, [posts]);
+  }, [posts, category, subCategory, setTodayPostCount]);
 
   return {
     todayPostCount,

src/pages/notice/page.tsx

@@ -19,7 +19,7 @@ export function NoticePage() {
     category,
     subCategory
   );
-  const { todayPostCount, isLoading: isPostsLoading } = useTodayPosts(boardCode);
+  const { todayPostCount, isLoading: isPostsLoading } = useTodayPosts(boardCode, category, subCategory);
 
   return (
     <>

src/pages/partnership/page.tsx

@@ -44,7 +44,7 @@ export function PartnershipPage() {
     }
   }, [queryClient, refetch]);
 
-  const posts = data?.data.postListResDto || []; // 게시물 리스트
+  const posts = data?.data.postListResDto || [];
   const partnershipCount = useMemo(() => {
     if (isLoading) {
       return 0;

src/template/board/BoardContent.tsx

@@ -5,6 +5,7 @@ import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import BoardContentLoading from './BoardContentLoading';
 import { formatYYYYMMDD } from '@/utils/formatYYYYMMDD';
+import { nameToUrl } from './boardData';
 
 interface BoardContentProps {
   boardName: string;
@@ -117,7 +118,7 @@ export function BoardContent({ boardName, data, isLoading }: BoardContentProps)
           badgeType={status}
           profileName={post.author}
           className="cursor-pointer"
-          onClick={() => navigate(`/${boardName}/${post.postId}`, { state: { postId: post.postId } })}
+          onClick={() => navigate(`/${nameToUrl.get(boardName)}/${post.postId}`, { state: { postId: post.postId } })}
         />
       </div>
     );

src/template/board/boardData.ts

@@ -0,0 +1,5 @@
+export const nameToUrl: Map<string, string> = new Map([
+  ['공지사항게시판', 'notice'],
+  ['감사기구게시판', 'audit'],
+  ['분실물게시판', 'lost-article'],
+]);