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 [isMessageActive, setIsMessageActive] = useState(true);
const [notificationsUpdate, setNotificationsUpdate] = useState([]); const [notificationsUpdate, setNotificationsUpdate] = useState([]);
let prefixPath = poldaName ? `/polda/${poldaName}` : satkerName ? `/satker/${satkerName}` : "/"; let prefixPath = poldaName ? `/polda/${poldaName}` : satkerName ? `/satker/${satkerName}` : "/";
let active = ""; let active = "";
@ -334,15 +332,34 @@ const Navbar = () => {
<Icon icon="basil:envelope-outline" color="black" width="30" /> <Icon icon="basil:envelope-outline" color="black" width="30" />
</a> </a>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="w-56 p-0 flex flex-row" align="end"> <DropdownMenuContent className="w-60 p-0 flex flex-row" align="end">
<DropdownMenuItem> <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>
<DropdownMenuItem> <DropdownMenuItem>
<Link href="/content-management" className="flex items-center gap-1 hover:bg-slate-600 w-full rounded-lg"> <a
<Icon icon="stash:save-ribbon-light" /> className={`flex items-center cursor-pointer bg-[#bb3523] text-white text-sm gap-4 rounded-lg p-3 mr-4 ${isMessageActive ? "" : "active"}`}
Kelola Konten id="notifupdate-tab"
</Link> data-toggle="tab"
href="#update"
role="tab"
aria-controls="notifupdate"
aria-selected="false"
onClick={() => setIsMessageActive(false)}
>
Update
</a>
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>