From 770205f2936ccbf5fd235ccadee30f7543e3ec86 Mon Sep 17 00:00:00 2001
From: sabdayagra <msabdayagra@gmail.com>
Date: Fri, 10 Jan 2025 11:06:04 +0700
Subject: [PATCH] feat: add massage notif in navbar

---
 components/landing-page/navbar.tsx | 33 ++++++++++++++++++++++--------
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 66c302a3..e129cb72 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -57,8 +57,6 @@ const Navbar = () => {
   const [isMessageActive, setIsMessageActive] = useState(true);
   const [notificationsUpdate, setNotificationsUpdate] = useState([]);
 
-
-
   let prefixPath = poldaName ? `/polda/${poldaName}` : satkerName ? `/satker/${satkerName}` : "/";
 
   let active = "";
@@ -334,15 +332,34 @@ const Navbar = () => {
                   <Icon icon="basil:envelope-outline" color="black" width="30" />
                 </a>
               </DropdownMenuTrigger>
-              <DropdownMenuContent className="w-56 p-0 flex flex-row" align="end">
+              <DropdownMenuContent className="w-60 p-0 flex flex-row" align="end">
                 <DropdownMenuItem>
-                  <a className={`flex items-center bg-[#bb3523] text-white  gap-4 rounded-lg  px-0 mr-4 ${isMessageActive ? "active" : ""}`}>Pesan Masuk</a>
+                  <a
+                    className={`flex items-center justify-center cursor-pointer bg-[#bb3523] text-white  gap-4 rounded-lg p-3 w-full text-sm mr-4 ${isMessageActive ? "active" : ""}`}
+                    id="notif-tab"
+                    data-toggle="tab"
+                    href="#pesan"
+                    role="tab"
+                    aria-controls="notif"
+                    aria-selected="true"
+                    onClick={() => setIsMessageActive(true)}
+                  >
+                    Pesan Masuk
+                  </a>
                 </DropdownMenuItem>
                 <DropdownMenuItem>
-                  <Link href="/content-management" className="flex items-center gap-1 hover:bg-slate-600 w-full rounded-lg">
-                    <Icon icon="stash:save-ribbon-light" />
-                    Kelola Konten
-                  </Link>
+                  <a
+                    className={`flex items-center cursor-pointer bg-[#bb3523] text-white text-sm  gap-4 rounded-lg p-3 mr-4 ${isMessageActive ? "" : "active"}`}
+                    id="notifupdate-tab"
+                    data-toggle="tab"
+                    href="#update"
+                    role="tab"
+                    aria-controls="notifupdate"
+                    aria-selected="false"
+                    onClick={() => setIsMessageActive(false)}
+                  >
+                    Update
+                  </a>
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>