Improve model labeling

This commit is contained in:
Nicolas Mowen 2025-06-26 18:40:29 -06:00
parent e4b4351107
commit 9d7f5e5438

View File

@ -375,7 +375,7 @@ function LibrarySelector({
}: LibrarySelectorProps) { }: LibrarySelectorProps) {
const { t } = useTranslation(["views/classificationModel"]); const { t } = useTranslation(["views/classificationModel"]);
const [confirmDelete, setConfirmDelete] = useState<string | null>(null); const [confirmDelete, setConfirmDelete] = useState<string | null>(null);
const [renameFace, setRenameFace] = useState<string | null>(null); const [renameClass, setRenameFace] = useState<string | null>(null);
const handleDeleteFace = useCallback( const handleDeleteFace = useCallback(
(name: string) => { (name: string) => {
@ -390,9 +390,9 @@ function LibrarySelector({
const handleSetOpen = useCallback( const handleSetOpen = useCallback(
(open: boolean) => { (open: boolean) => {
setRenameFace(open ? renameFace : null); setRenameFace(open ? renameClass : null);
}, },
[renameFace], [renameClass],
); );
return ( return (
@ -428,15 +428,15 @@ function LibrarySelector({
</Dialog> </Dialog>
<TextEntryDialog <TextEntryDialog
open={!!renameFace} open={!!renameClass}
setOpen={handleSetOpen} setOpen={handleSetOpen}
title={t("renameCategory.title")} title={t("renameCategory.title")}
description={t("renameCategory.desc", { name: renameFace })} description={t("renameCategory.desc", { name: renameClass })}
onSave={(newName) => { onSave={(newName) => {
onRename(renameFace!, newName); onRename(renameClass!, newName);
setRenameFace(null); setRenameFace(null);
}} }}
defaultValue={renameFace || ""} defaultValue={renameClass || ""}
regexPattern={/^[\p{L}\p{N}\s'_-]{1,50}$/u} regexPattern={/^[\p{L}\p{N}\s'_-]{1,50}$/u}
regexErrorMessage={t("description.invalidName")} regexErrorMessage={t("description.invalidName")}
/> />
@ -484,10 +484,10 @@ function LibrarySelector({
className="group flex items-center justify-between" className="group flex items-center justify-between"
> >
<div <div
className="flex-grow cursor-pointer" className="flex-grow cursor-pointer capitalize"
onClick={() => setPageToggle(id)} onClick={() => setPageToggle(id)}
> >
{id} {id.replaceAll("_", " ")}
<span className="ml-2 text-muted-foreground"> <span className="ml-2 text-muted-foreground">
({dataset?.[id].length}) ({dataset?.[id].length})
</span> </span>