check if persistent options are loaded

This commit is contained in:
Josh Hawkins 2024-05-04 10:09:19 -05:00
parent 9f015816af
commit da9a2fa043

View File

@ -64,7 +64,7 @@ export default function ObjectSettings({
}, },
]; ];
const [options, setOptions] = usePersistence<Options>( const [options, setOptions, optionsLoaded] = usePersistence<Options>(
`${selectedCamera}-feed`, `${selectedCamera}-feed`,
emptyObject, emptyObject,
); );
@ -87,17 +87,20 @@ export default function ObjectSettings({
const memoizedObjects = useDeepMemo(objects); const memoizedObjects = useDeepMemo(objects);
const searchParams = useMemo( const searchParams = useMemo(() => {
() => if (!optionsLoaded) {
new URLSearchParams( return new URLSearchParams();
Object.keys(options || {}).reduce((memo, key) => { }
//@ts-expect-error we know this is correct
memo.push([key, options[key] === true ? "1" : "0"]); const params = new URLSearchParams(
return memo; Object.keys(options || {}).reduce((memo, key) => {
}, []), //@ts-expect-error we know this is correct
), memo.push([key, options[key] === true ? "1" : "0"]);
[options], return memo;
); }, []),
);
return params;
}, [options, optionsLoaded]);
useEffect(() => { useEffect(() => {
document.title = "Object Settings - Frigate"; document.title = "Object Settings - Frigate";