fix: 공지사항 선택 오류

42organization · Sep 9, 2024 · b12f478 · b12f478
1 parent 960683d
commit b12f478
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx b/components/agenda/agendaDetail/tabs/AgendaAnnouncements.tsx
@@ -17,6 +17,10 @@ export default function AgendaAnnouncements() {
     size: 5,
     isReady: Boolean(agendaKey),
   });
+  const newHandler = (page: number) => {
+    setSelected(0);
+    return PagaNationElementProps.pageChangeHandler(page);
+  };
 
   if (!agendaKey || !content) {
     return (
@@ -41,16 +45,23 @@ export default function AgendaAnnouncements() {
                 setSelected={() => setSelected(idx)}
               />
             ))}
-            <PageNation {...PagaNationElementProps} />
+            <PageNation
+              {...PagaNationElementProps}
+              pageChangeHandler={newHandler}
+            />
           </div>
-          <AnnouncementItem
-            key={content[selected].id}
-            id={content[selected].id}
-            title={content[selected].title}
-            content={content[selected].content}
-            createdAt={content[selected].createdAt}
-            isSelected={true}
-          />
+          {content[selected] ? (
+            <AnnouncementItem
+              key={content[selected].id}
+              id={content[selected].id}
+              title={content[selected].title}
+              content={content[selected].content}
+              createdAt={content[selected].createdAt}
+              isSelected={true}
+            />
+          ) : (
+            ''
+          )}
         </>
       ) : (
         <div className={styles.emptyContainer}>공지사항이 없습니다.</div>