Select correct library by default

This commit is contained in:
Nicolas Mowen 2024-12-31 06:56:54 -07:00
parent fa0c4b15f1
commit f744062e16

View File

@ -14,7 +14,7 @@ import { toast } from "sonner";
import useSWR from "swr";
export default function FaceLibrary() {
const [page, setPage] = useState<string>("attempts");
const [page, setPage] = useState<string>();
const [pageToggle, setPageToggle] = useOptimisticState(page, setPage, 100);
const tabsRef = useRef<HTMLDivElement | null>(null);
@ -38,12 +38,18 @@ export default function FaceLibrary() {
);
useEffect(() => {
if (!pageToggle && faces) {
if (!pageToggle) {
if (faceAttempts.length > 0) {
setPageToggle("attempts");
} else if (faces) {
setPageToggle(faces[0]);
}
} else if (pageToggle == "attempts" && faceAttempts.length == 0) {
setPageToggle(faces[0]);
}
// we need to listen on the value of the faces list
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [faces]);
}, [faceAttempts, faces]);
// upload