Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-06 00:04:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add user menu

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-16 16:23:09 +05:00
parent e30afa4c29
commit e73b214045
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 50 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
app/components/Navbar/Navbar.jsx
View file

@ -2,6 +2,7 @@
import Link from "next/link";
import { usePathname } from "next/navigation";
import { useUserStore } from "@/app/store/auth";
import { Dropdown } from "flowbite-react";
export const Navbar = () => {
const pathname = usePathname();
@ -90,13 +91,60 @@ export const Navbar = () => {
})}
</nav>
{userStore.isAuth ? (
<div className="flex flex-col items-center justify-center gap-1 sm:flex-row">
<div className="flex flex-col items-center justify-center gap-1 text-xs sm:flex-row sm:text-base">
<img
src={userStore.user.avatar}
alt=""
className="w-6 h-6 rounded-full"
/>
<p className="text-xs sm:text-base">{userStore.user.login}</p>
<Dropdown
label={userStore.user.login}
inline={true}
dismissOnClick={true}
theme={{
arrowIcon:
"ml-1 w-4 h-4 [transform:rotateX(180deg)] sm:transform-none",
}}
>
<Dropdown.Item
onClick={() => {
userStore.logout();
}}
>
<span
className={`iconify material-symbols--logout-rounded w-6 h-6`}
></span>
<span>Выйти</span>
</Dropdown.Item>
{navLinks.map((link) => {
return (
<Dropdown.Item
key={link.id + "_mobile"}
className={`${
link.mobileMenu ? "block sm:hidden" : "hidden"
}`}
>
<Link
href={link.href}
className={`flex items-center gap-1`}
>
<span
className={`iconify ${
pathname == link.href ? link.iconActive : link.icon
} w-6 h-6`}
></span>
<span
className={`${
pathname == link.href ? "font-bold" : ""
}`}
>
{link.title}
</span>
</Link>
</Dropdown.Item>
);
})}
</Dropdown>
</div>
) : (
<Link