mirror of
https://github.com/henrygd/beszel.git
synced 2026-08-19 16:57:47 +02:00
remove language toggle from navbar
This commit is contained in:
@@ -1,42 +0,0 @@
|
|||||||
import { Trans, useLingui } from "@lingui/react/macro"
|
|
||||||
import { LanguagesIcon } from "lucide-react"
|
|
||||||
import { buttonVariants } from "@/components/ui/button"
|
|
||||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
|
|
||||||
import { dynamicActivate } from "@/lib/i18n"
|
|
||||||
import languages from "@/lib/languages"
|
|
||||||
import { cn } from "@/lib/utils"
|
|
||||||
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip"
|
|
||||||
|
|
||||||
export function LangToggle() {
|
|
||||||
const { i18n } = useLingui()
|
|
||||||
|
|
||||||
const LangTrans = <Trans>Language</Trans>
|
|
||||||
|
|
||||||
return (
|
|
||||||
<DropdownMenu>
|
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<DropdownMenuTrigger className={cn(buttonVariants({ variant: "ghost", size: "icon" }))}>
|
|
||||||
<LanguagesIcon className="absolute h-[1.2rem] w-[1.2rem] light:opacity-85" />
|
|
||||||
<span className="sr-only">{LangTrans}</span>
|
|
||||||
<TooltipContent>{LangTrans}</TooltipContent>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<DropdownMenuContent className="grid grid-cols-3">
|
|
||||||
{languages.map(([lang, label, e]) => (
|
|
||||||
<DropdownMenuItem
|
|
||||||
key={lang}
|
|
||||||
className={cn("px-2.5 flex gap-2.5 cursor-pointer", lang === i18n.locale && "bg-accent/70 font-medium")}
|
|
||||||
onClick={() => dynamicActivate(lang)}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
{e || <code className="font-mono bg-muted text-[.65em] w-5 h-4 grid place-items-center">{lang}</code>}
|
|
||||||
</span>{" "}
|
|
||||||
{label}
|
|
||||||
</DropdownMenuItem>
|
|
||||||
))}
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</Tooltip>
|
|
||||||
</DropdownMenu>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -32,7 +32,6 @@ import {
|
|||||||
import { isAdmin, isReadOnlyUser, logOut, pb } from "@/lib/api"
|
import { isAdmin, isReadOnlyUser, logOut, pb } from "@/lib/api"
|
||||||
import { cn, runOnce } from "@/lib/utils"
|
import { cn, runOnce } from "@/lib/utils"
|
||||||
import { AddSystemDialog } from "./add-system"
|
import { AddSystemDialog } from "./add-system"
|
||||||
import { LangToggle } from "./lang-toggle"
|
|
||||||
import { Logo } from "./logo"
|
import { Logo } from "./logo"
|
||||||
import { ModeToggle } from "./mode-toggle"
|
import { ModeToggle } from "./mode-toggle"
|
||||||
import { $router, basePath, Link, navigate, prependBasePath } from "./router"
|
import { $router, basePath, Link, navigate, prependBasePath } from "./router"
|
||||||
@@ -180,7 +179,6 @@ export default function Navbar() {
|
|||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent>S.M.A.R.T.</TooltipContent>
|
<TooltipContent>S.M.A.R.T.</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<LangToggle />
|
|
||||||
<ModeToggle />
|
<ModeToggle />
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
|
|||||||
Reference in New Issue
Block a user