Hide filter when Frigate+ is not enabled

This commit is contained in:
tpjanssen 2023-10-27 14:08:31 +02:00
parent ec52bde3f6
commit 385082bfa3

View File

@ -283,18 +283,14 @@ export default function Events({ path, ...props }) {
[path, searchParams, setSearchParams] [path, searchParams, setSearchParams]
); );
const onClickSubmitted = useCallback( const onClickFilterSubmitted = useCallback(
() => { () => {
if (searchParams.is_submitted == -1) { if( ++searchParams.is_submitted > 1 ) {
searchParams.is_submitted = 1;
} else if (searchParams.is_submitted == 1) {
searchParams.is_submitted = 0;
} else {
searchParams.is_submitted = -1; searchParams.is_submitted = -1;
} }
onFilter('is_submitted', searchParams.is_submitted); onFilter('is_submitted', searchParams.is_submitted);
}, },
[path, searchParams, setSearchParams] [searchParams, onFilter]
); );
const isDone = (eventPages?.[eventPages.length - 1]?.length ?? 0) < API_LIMIT; const isDone = (eventPages?.[eventPages.length - 1]?.length ?? 0) < API_LIMIT;
@ -410,18 +406,22 @@ export default function Events({ path, ...props }) {
</Button> </Button>
)} )}
<Submitted <div className="ml-auto flex">
className="h-10 w-10 text-yellow-300 cursor-pointer ml-auto" {config.plus.enabled && (
onClick={() => onClickSubmitted()} <Submitted
inner_fill={searchParams.is_submitted == 1 ? 'currentColor' : 'gray'} className="h-10 w-10 text-yellow-300 cursor-pointer ml-auto"
outer_stroke={searchParams.is_submitted >= 0 ? 'currentColor' : 'gray'} onClick={() => onClickFilterSubmitted()}
/> inner_fill={searchParams.is_submitted == 1 ? 'currentColor' : 'gray'}
outer_stroke={searchParams.is_submitted >= 0 ? 'currentColor' : 'gray'}
/>
)}
<StarRecording <StarRecording
className="h-10 w-10 text-yellow-300 cursor-pointer ml-right" className="h-10 w-10 text-yellow-300 cursor-pointer ml-auto"
onClick={() => onFilter('favorites', searchParams.favorites ? 0 : 1)} onClick={() => onFilter('favorites', searchParams.favorites ? 0 : 1)}
fill={searchParams.favorites == 1 ? 'currentColor' : 'none'} fill={searchParams.favorites == 1 ? 'currentColor' : 'none'}
/> />
</div>
<div ref={datePicker} className="ml-right"> <div ref={datePicker} className="ml-right">
<CalendarIcon <CalendarIcon