From 5180a99a24d2ec8f6c3ccc4973c9de97e8ba759b Mon Sep 17 00:00:00 2001
From: presentKey <kim.hyeonjae4@gmail.com>
Date: Sun, 21 Apr 2024 18:38:14 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B3=B5=EC=A7=80=EC=82=AC=ED=95=AD=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=A4=80=EB=B9=84=EC=A4=91=20?=
 =?UTF-8?q?=EC=95=8C=EB=A6=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/Sidebar.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/Sidebar.tsx b/src/components/Layout/Sidebar.tsx
index 64d7c5db..0ea3362a 100644
--- a/src/components/Layout/Sidebar.tsx
+++ b/src/components/Layout/Sidebar.tsx
@@ -18,6 +18,7 @@ import { BOOKMARK } from "@/features/users/hooks/useTabMenu";
 import Avatar from "../Avatar";
 import Button from "../Button";
 import Drawer from "../Drawer";
+import useSnackBar from "../SnackBar/useSnackBar";
 
 import Navigation from "./Navigation";
 import { NavItem } from "./Navigation/NavigationItem";
@@ -67,6 +68,7 @@ export default function Sidebar({
   const { user, logout } = useAuth();
   const [isLoginModalVisible, setIsLoginModalVisible] = useState(false);
   const navigate = useNavigate();
+  const snackBar = useSnackBar();
 
   const handleClickUserMenu = (id: string, e: React.MouseEvent) => {
     e.preventDefault();
@@ -88,6 +90,12 @@ export default function Sidebar({
     }
   };
 
+  /** 공지사항 페이지 - 준비중인 기능 */
+  const handleNoticeMenu = (_: string, e: React.MouseEvent) => {
+    e.preventDefault();
+    snackBar.open({ message: "준비중인 기능입니다." });
+  };
+
   const handleLogout = (_id: string, e: React.MouseEvent) => {
     e.preventDefault();
     logout();
@@ -144,7 +152,11 @@ export default function Sidebar({
         <Divider />
         <Navigation.Content>
           {helpMenuItems.map((item) => (
-            <Navigation.Item key={item.id} item={item} onClick={onClickItem} />
+            <Navigation.Item
+              key={item.id}
+              item={item}
+              onClick={item.id === "notice" ? handleNoticeMenu : onClickItem}
+            />
           ))}
           {user && (
             <Navigation.Item