diff --git a/web/src/views/classification/ModelSelectionView.tsx b/web/src/views/classification/ModelSelectionView.tsx index 72728b131..db9c66194 100644 --- a/web/src/views/classification/ModelSelectionView.tsx +++ b/web/src/views/classification/ModelSelectionView.tsx @@ -17,6 +17,7 @@ import { FaFolderPlus } from "react-icons/fa"; import { MdModelTraining } from "react-icons/md"; import useSWR from "swr"; import Heading from "@/components/ui/heading"; +import { useOverlayState } from "@/hooks/use-overlay-state"; const allModelTypes = ["objects", "states"] as const; type ModelType = (typeof allModelTypes)[number]; @@ -28,8 +29,12 @@ export default function ModelSelectionView({ onClick, }: ModelSelectionViewProps) { const { t } = useTranslation(["views/classificationModel"]); - const [page, setPage] = useState("objects"); - const [pageToggle, setPageToggle] = useOptimisticState(page, setPage, 100); + const [page, setPage] = useOverlayState("objects", "objects"); + const [pageToggle, setPageToggle] = useOptimisticState( + page || "objects", + setPage, + 100, + ); const { data: config, mutate: refreshConfig } = useSWR( "config", { diff --git a/web/src/views/classification/ModelTrainingView.tsx b/web/src/views/classification/ModelTrainingView.tsx index 6f9e479c2..f313d6829 100644 --- a/web/src/views/classification/ModelTrainingView.tsx +++ b/web/src/views/classification/ModelTrainingView.tsx @@ -642,6 +642,7 @@ function DatasetGrid({ filepath: `clips/${modelName}/dataset/${categoryName}/${image}`, name: "", }} + showArea={false} selected={selectedImages.includes(image)} i18nLibrary="views/classificationModel" onClick={(data, _) => onClickImages([data.filename], true)}