administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-06-21 03:41:55 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Use select

Browse Source
This commit is contained in:
Nicolas Mowen 2026-05-14 10:43:32 -06:00
parent 51ca0f7ffd
commit b3fd12ed70
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/components/chat/ChatSettings.tsx
View File

@ -4,7 +4,13 @@ import { isDesktop } from "react-device-detect";
import { cn } from "@/lib/utils";
import PlatformAwareDialog from "../overlay/dialog/PlatformAwareDialog";
import { FaCog } from "react-icons/fa";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectTrigger,
} from "@/components/ui/select";
import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label";
import { DropdownMenuSeparator } from "@/components/ui/dropdown-menu";
@ -47,32 +53,26 @@ export default function ChatSettings({
{t("settings.show_stats.desc")}
</div>
</div>
<RadioGroup
<Select
value={showStats}
onValueChange={(v) => setShowStats(v as ShowStatsMode)}
>
<div className="flex items-center gap-2">
<RadioGroupItem
id="show-stats-while-generating"
value="while_generating"
/>
<Label
htmlFor="show-stats-while-generating"
className="cursor-pointer text-sm"
>
{t("settings.show_stats.while_generating")}
</Label>
</div>
<div className="flex items-center gap-2">
<RadioGroupItem id="show-stats-always" value="always" />
<Label
htmlFor="show-stats-always"
className="cursor-pointer text-sm"
>
{t("settings.show_stats.always")}
</Label>
</div>
</RadioGroup>
<SelectTrigger className="w-full">
{showStats === "always"
? t("settings.show_stats.always")
: t("settings.show_stats.while_generating")}
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem className="cursor-pointer" value="while_generating">
{t("settings.show_stats.while_generating")}
</SelectItem>
<SelectItem className="cursor-pointer" value="always">
{t("settings.show_stats.always")}
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</div>
<DropdownMenuSeparator />
<div className="flex items-center justify-between gap-3">