diff --git a/dashboard/src/components/header/menu.tsx b/dashboard/src/components/header/menu.tsx index f155069..d712045 100644 --- a/dashboard/src/components/header/menu.tsx +++ b/dashboard/src/components/header/menu.tsx @@ -8,37 +8,65 @@ import { DropdownMenuGroup, Button, } from "@marzneshin/components"; +import { Link } from "@tanstack/react-router"; import { FC } from 'react'; -import { MenuIcon } from "lucide-react"; +import { Settings, MenuIcon, ShieldCheck } from "lucide-react"; import { LanguageSwitchMenu } from "@marzneshin/features/language-switch"; import { ThemeToggle } from "@marzneshin/features/theme-switch"; -import { Logout } from "@marzneshin/features/auth"; +import { useAuth, Logout } from "@marzneshin/features/auth"; +import { useScreenBreakpoint } from "@marzneshin/hooks/use-screen-breakpoint"; +import { useTranslation } from "react-i18next"; -export const HeaderMenu: FC = () => ( - - - - - - Menu - - - - - - - - - - - - - - -); +export const HeaderMenu: FC = () => { + + const isDesktop = useScreenBreakpoint("md"); + const { isSudo } = useAuth(); + const { t } = useTranslation(); + + return ( + + + + + + Menu + + {(!isDesktop && isSudo()) && ( + <> + + + {t("settings")} + + + + + + + {t("admins")} + + + + + + )} + + + + + + + + + + + + + + ) +}; diff --git a/dashboard/src/features/users/components/dialogs/mutation/sections/expiration-method/index.tsx b/dashboard/src/features/users/components/dialogs/mutation/sections/expiration-method/index.tsx index 56dd25d..f826d60 100644 --- a/dashboard/src/features/users/components/dialogs/mutation/sections/expiration-method/index.tsx +++ b/dashboard/src/features/users/components/dialogs/mutation/sections/expiration-method/index.tsx @@ -16,9 +16,7 @@ import { } from "@marzneshin/features/users/components/dialogs/mutation/fields"; import { TabsList } from "@radix-ui/react-tabs"; import { useTranslation } from "react-i18next"; -import { - useExpirationMethodTabs, -} from "./use-expiration-method-tabs"; +import { useExpirationMethodTabs } from "./use-expiration-method-tabs"; interface ExpirationMethodProps { entity: UserMutationType | null diff --git a/dashboard/src/routes/_dashboard.tsx b/dashboard/src/routes/_dashboard.tsx index 740b381..47a19a4 100644 --- a/dashboard/src/routes/_dashboard.tsx +++ b/dashboard/src/routes/_dashboard.tsx @@ -24,7 +24,6 @@ import { GithubRepo } from "@marzneshin/features/github-repo"; import { CommandBox } from "@marzneshin/features/search-command"; import { DashboardBottomMenu } from "@marzneshin/features/bottom-menu"; import { VersionIndicator } from "@marzneshin/features/version-indicator"; -import { Settings } from "lucide-react"; export const DashboardLayout = () => { const isDesktop = useScreenBreakpoint("md"); @@ -57,10 +56,6 @@ export const DashboardLayout = () => { end={ <> - {(!isDesktop && isSudo()) && ( - - - )} }