Merge pull request #55 from KWcapstone/41-feat-새소식-구현

Fix: 빌드 에러 수정 #41

Author: Eunjin03

src/views/main/components/SideBar.tsx

@@ -94,7 +94,6 @@ const SideBar = ({ haveUnreadNews, setHaveUnreadNews }: sideBarPropsOfNews) => {
 
       console.log("All News:", allNews);
       console.log("Unread News:", unreadNews);
-
       let message = "";
       if (allNews.length == 0) {
         message = "소식이 없습니다.";

src/views/main/page/RecordPage.tsx

@@ -6,6 +6,7 @@ import arrowDown from "@/assets/imgs/icon/arrow_down_black.svg";
 // api
 import { getSearch } from "@/api/common/common";
 import { getRecord } from "@/api/main/record";
+import { getNewsNum } from "@/api/main/news";
 
 // component
 import SideBar from "@/views/main/components/SideBar";
@@ -26,6 +27,7 @@ const RecordPage = () => {
   const [isCheck, setIsCheck] = useState<boolean>(false);
   const [checkCount, setCheckCount] = useState<number>(0);
   const [record, setRecord] = useState<Array<recordData>>([]);
+  const [isHavedUnreadNews, setIsHaveUnreadNews] = useState<boolean>(false);
   const orderRef = useRef<HTMLDivElement | null>(null);
 
   // 전체 선택 여부 체크
@@ -128,9 +130,24 @@ const RecordPage = () => {
     };
   }, []);
 
+  useEffect(() => {
+    getNewsNum().then((res: any) => {
+      if (res.data.data.num > 0) {
+        setIsHaveUnreadNews(true);
+      } else {
+        setIsHaveUnreadNews(false);
+      }
+
+      console.log("Unread News Num:", res.data.data.num);
+    });
+  }, []);
+
   return (
     <div className="main">
-      <SideBar />
+      <SideBar
+        haveUnreadNews={isHavedUnreadNews}
+        setHaveUnreadNews={setIsHaveUnreadNews}
+      />
       <div className="record-wrap">
         <div className="nevigation-wrap">
           <div className="title-wrap">

src/views/main/page/SummaryPage.tsx

@@ -5,10 +5,12 @@ import arrowDown from "@/assets/imgs/icon/arrow_down_black.svg";
 
 // utils
 import { downloadAs } from "@/utils/download";
+
 // api
 import { getSearch } from "@/api/common/common";
 import { getSummary } from "@/api/main/summary";
 import { getFileDwn } from "@/api/main/fileDwn";
+import { getNewsNum } from "@/api/main/news";
 
 // component
 import SideBar from "@/views/main/components/SideBar";
@@ -29,6 +31,7 @@ const SummaryPage = () => {
   const [isCheck, setIsCheck] = useState<boolean>(false);
   const [checkCount, setCheckCount] = useState<number>(0);
   const [summary, setSummary] = useState<Array<summaryData>>([]);
+  const [isHavedUnreadNews, setIsHaveUnreadNews] = useState<boolean>(false);
   const orderRef = useRef<HTMLDivElement | null>(null);
 
   // 전체 선택 여부 체크
@@ -120,9 +123,24 @@ const SummaryPage = () => {
     };
   }, []);
 
+  useEffect(() => {
+    getNewsNum().then((res: any) => {
+      if (res.data.data.num > 0) {
+        setIsHaveUnreadNews(true);
+      } else {
+        setIsHaveUnreadNews(false);
+      }
+
+      console.log("Unread News Num:", res.data.data.num);
+    });
+  }, []);
+
   return (
     <div className="main">
-      <SideBar />
+      <SideBar
+        haveUnreadNews={isHavedUnreadNews}
+        setHaveUnreadNews={setIsHaveUnreadNews}
+      />
       <div className="summary-wrap">
         <div className="nevigation-wrap">
           <div className="title-wrap">