administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-31 20:34:53 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

consistently sort class names (#22415)

Browse Source 
keep None at the bottom
This commit is contained in:
Josh Hawkins 2026-03-13 08:05:56 -05:00 committed by GitHub
parent f29ee53fb4
commit 614a6b39d4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 81 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/overlay/ClassificationSelectionDialog.tsx
View File

@ -125,17 +125,23 @@ export default function ClassificationSelectionDialog({
isMobile && "gap-2 pb-4", isMobile && "gap-2 pb-4",
)} )}
> >
{classes.sort().map((category) => ( {classes
<SelectorItem .sort((a, b) => {
key={category} if (a === "none") return 1;
className="flex cursor-pointer gap-2 smart-capitalize" if (b === "none") return -1;
onClick={() => onCategorizeImage(category)} return a.localeCompare(b);
> })
{category === "none" .map((category) => (
? t("details.none") <SelectorItem
: category.replaceAll("_", " ")} key={category}
</SelectorItem> className="flex cursor-pointer gap-2 smart-capitalize"
))} onClick={() => onCategorizeImage(category)}
>
{category === "none"
? t("details.none")
: category.replaceAll("_", " ")}
</SelectorItem>
))}
<Separator /> <Separator />
<SelectorItem <SelectorItem
className="flex cursor-pointer gap-2 smart-capitalize" className="flex cursor-pointer gap-2 smart-capitalize"

122
web/src/views/classification/ModelTrainingView.tsx
View File

@ -700,66 +700,72 @@ function LibrarySelector({
</div> </div>
</> </>
)} )}
{Object.keys(dataset).map((id) => ( {Object.keys(dataset)
<DropdownMenuItem .sort((a, b) => {
key={id} if (a === "none") return 1;
className="group flex items-center justify-between" if (b === "none") return -1;
> return a.localeCompare(b);
<div })
className="flex-grow cursor-pointer capitalize" .map((id) => (
onClick={() => setPageToggle(id)} <DropdownMenuItem
key={id}
className="group flex items-center justify-between"
> >
{id === "none" ? t("details.none") : id.replaceAll("_", " ")} <div
<span className="ml-2 text-muted-foreground"> className="flex-grow cursor-pointer capitalize"
({dataset?.[id].length}) onClick={() => setPageToggle(id)}
</span> >
</div> {id === "none" ? t("details.none") : id.replaceAll("_", " ")}
{id != "none" && ( <span className="ml-2 text-muted-foreground">
<div className="flex gap-0.5"> ({dataset?.[id].length})
<Tooltip> </span>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
onClick={(e) => {
e.stopPropagation();
setRenameClass(id);
}}
>
<LuPencil className="size-4 text-primary" />
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
{t("button.renameCategory")}
</TooltipContent>
</TooltipPortal>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
onClick={(e) => {
e.stopPropagation();
setConfirmDelete(id);
}}
>
<LuTrash2 className="size-4 text-destructive" />
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
{t("button.deleteCategory")}
</TooltipContent>
</TooltipPortal>
</Tooltip>
</div> </div>
)} {id != "none" && (
</DropdownMenuItem> <div className="flex gap-0.5">
))} <Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
onClick={(e) => {
e.stopPropagation();
setRenameClass(id);
}}
>
<LuPencil className="size-4 text-primary" />
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
{t("button.renameCategory")}
</TooltipContent>
</TooltipPortal>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
onClick={(e) => {
e.stopPropagation();
setConfirmDelete(id);
}}
>
<LuTrash2 className="size-4 text-destructive" />
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
{t("button.deleteCategory")}
</TooltipContent>
</TooltipPortal>
</Tooltip>
</div>
)}
</DropdownMenuItem>
))}
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
</> </>