mirror of
https://github.com/henrygd/beszel.git
synced 2026-04-07 13:31:49 +02:00
62587919f4
- System page tabs display option - Remove very specific chart components (disk usage, container cpu, etc) and refactor to use more flexible area and line chart components - Optimizations around chart handling to decrease mem usage. Charts are only redrawn now if in view. - Resolve most of the react dev warnings Co-authored-by: sveng93 <svenvanginkel@icloud.com>
30 lines
956 B
Go
30 lines
956 B
Go
import { t } from "@lingui/core/macro"
|
|
import { MoonStarIcon, SunIcon } from "lucide-react"
|
|
import { useTheme } from "@/components/theme-provider"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip"
|
|
import { Trans } from "@lingui/react/macro"
|
|
|
|
export function ModeToggle() {
|
|
const { theme, setTheme } = useTheme()
|
|
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant={"ghost"}
|
|
size="icon"
|
|
aria-label={t`Toggle theme`}
|
|
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
|
|
>
|
|
<SunIcon className="h-[1.2rem] w-[1.2rem] transition-all -rotate-90 dark:opacity-0 dark:rotate-0" />
|
|
<MoonStarIcon className="absolute h-[1.2rem] w-[1.2rem] transition-all opacity-0 -rotate-90 dark:opacity-100 dark:rotate-0" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<Trans>Toggle theme</Trans>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
)
|
|
}
|