From 1e1b19c358062569437c9dbdbd5e136f6532bdf0 Mon Sep 17 00:00:00 2001
From: Jio <giomong2346@naver.com>
Date: Thu, 12 Feb 2026 19:40:46 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=EB=A7=A4=EC=B9=AD=ED=98=84?=
 =?UTF-8?q?=ED=99=A9=20=EC=84=A0=20=EC=A0=9C=EA=B1=B0=20,=20=EB=AF=B8?=
 =?UTF-8?q?=EC=9D=BD=EC=9D=8C=20=EC=95=8C=EB=A6=BC=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/routes/_main.tsx                          | 22 +++++++++++++++++++
 .../business/calendar/calendar-content.tsx    |  2 +-
 app/routes/notification/api/notification.ts   | 15 +++++++++++++
 3 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/app/routes/_main.tsx b/app/routes/_main.tsx
index 05e964d0..5ea77a6b 100644
--- a/app/routes/_main.tsx
+++ b/app/routes/_main.tsx
@@ -6,16 +6,29 @@ import Logo from "../assets/logo/realmatch-logo-line.png";
 import bellIcon from "../assets/icon/icon-bell.svg";
 import redDot from "../assets/icon/red-dot.svg";
 import { tokenStorage } from "../lib/token";
+import { fetchUnreadCount } from "../routes/notification/api/notification";
 
 export default function MainLayout() {
   const [hideBottomTab, setHideBottomTab] = useState(false);
   const [hideHeader, setHideHeader] = useState(false);
   const [disableScroll, setDisableScroll] = useState(false);
   const [isPWA, setIsPWA] = useState(false);
+  const [unreadCount, setUnreadCount] = useState(0);
   const navigate = useNavigate();
   const location = useLocation();
   const mainRef = useRef<HTMLElement>(null);
 
+  const updateUnreadCount = async () => {
+    try {
+      const data = await fetchUnreadCount();
+      if (data.isSuccess) {
+        setUnreadCount(data.result.count);
+      }
+    } catch (error) {
+      console.error("미읽음 알림 조회 실패:", error);
+    }
+  };
+
   // PWA 감지
   useEffect(() => {
     const checkPWA = () => {
@@ -40,6 +53,13 @@ export default function MainLayout() {
     }
   }, [navigate]);
 
+  useEffect(() => {
+    const accessToken = tokenStorage.getAccessToken();
+    if (accessToken) {
+      updateUnreadCount(); // 로그인 상태면 개수 조회
+    }
+  }, [location.pathname]); 
+
   return (
     <LayoutContext.Provider
       value={{
@@ -75,11 +95,13 @@ export default function MainLayout() {
                     alt="알림"
                     className="w-6 h-6 object-contain"
                   />
+                  {unreadCount > 0 && (
                   <img
                     src={redDot}
                     alt=""
                     className="absolute top-[8px] right-[8px] w-2 h-2"
                   />
+                )}
                 </button>
               </div>
             </div>
diff --git a/app/routes/business/calendar/calendar-content.tsx b/app/routes/business/calendar/calendar-content.tsx
index 934959ca..187e3d2f 100644
--- a/app/routes/business/calendar/calendar-content.tsx
+++ b/app/routes/business/calendar/calendar-content.tsx
@@ -142,7 +142,7 @@ export default function CalendarContent() {
 
   return (
     <div className="flex flex-col w-full min-h-screen bg-bluegray-1">
-      <div className="flex w-full bg-bg-w border-b border-text-gray5">
+      <div className="flex w-full bg-bg-w border-text-gray5">
         <button
           onClick={() => setMainTab("collaboration")}
           className={`flex-1 py-4 text-[16px] font-medium text-[16px] relative transition-colors ${mainTab === "collaboration" ? "text-core-1" : "text-text-gray3"
diff --git a/app/routes/notification/api/notification.ts b/app/routes/notification/api/notification.ts
index 1deea49c..8d286d78 100644
--- a/app/routes/notification/api/notification.ts
+++ b/app/routes/notification/api/notification.ts
@@ -49,4 +49,19 @@ export const readAllNotifications = async (): Promise<{ isSuccess: boolean; resu
 export const readNotification = async (id: string): Promise<{ isSuccess: boolean }> => {
   const response = await axiosInstance.patch(`/v1/notifications/${id}/read`);
   return response.data;
+};
+
+export interface UnreadCountResponse {
+  isSuccess: boolean;
+  code: string;
+  message: string;
+  result: {
+    count: number;
+  };
+}
+
+// 미읽음 알림 개수 조회 API 추가
+export const fetchUnreadCount = async (): Promise<UnreadCountResponse> => {
+  const response = await axiosInstance.get("/v1/notifications/unread-count");
+  return response.data;
 };
\ No newline at end of file

From f20da494b3a06d3151dd8977da766c3feb4bedb7 Mon Sep 17 00:00:00 2001
From: Jio <giomong2346@naver.com>
Date: Thu, 12 Feb 2026 19:51:40 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EC=84=B1=EB=8A=A5=20=EC=A0=80?=
 =?UTF-8?q?=ED=95=98=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/routes/_main.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/routes/_main.tsx b/app/routes/_main.tsx
index bbc1c007..87aae9fe 100644
--- a/app/routes/_main.tsx
+++ b/app/routes/_main.tsx
@@ -54,11 +54,16 @@ export default function MainLayout() {
   }, [navigate]);
 
   useEffect(() => {
-    const accessToken = tokenStorage.getAccessToken();
-    if (accessToken) {
-      updateUnreadCount(); // 로그인 상태면 개수 조회
-    }
-  }, [location.pathname]); 
+  const accessToken = tokenStorage.getAccessToken();
+  
+  if (accessToken) {
+    const fetchCount = async () => {
+      await updateUnreadCount();
+    };
+    
+    fetchCount();
+  }
+}, [location.pathname]);
 
   return (
     <LayoutContext.Provider