mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add massage notif in navbar

This commit is contained in:
sabdayagra 2025-01-10 11:06:04 +07:00
parent 7e425159ce
commit 770205f293
1 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
components/landing-page/navbar.tsx
View File

@ -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>