optimistic reviewed switch

This commit is contained in:
Josh Hawkins 2024-04-04 09:51:25 -05:00
parent 9ae1021009
commit 902957448a

View File

@ -362,13 +362,19 @@ function ShowReviewFilter({
showReviewed, showReviewed,
setShowReviewed, setShowReviewed,
}: ShowReviewedFilterProps) { }: ShowReviewedFilterProps) {
const [showReviewedSwitch, setShowReviewedSwitch] = useOptimisticState(
showReviewed,
setShowReviewed,
);
return ( return (
<> <>
<div className="hidden h-9 md:flex p-2 justify-start items-center text-sm bg-secondary hover:bg-secondary/80 text-secondary-foreground rounded-md cursor-pointer"> <div className="hidden h-9 md:flex p-2 justify-start items-center text-sm bg-secondary hover:bg-secondary/80 text-secondary-foreground rounded-md cursor-pointer">
<Switch <Switch
id="reviewed" id="reviewed"
checked={showReviewed == 1} checked={showReviewedSwitch == 1}
onCheckedChange={() => setShowReviewed(showReviewed == 0 ? 1 : 0)} onCheckedChange={() =>
setShowReviewedSwitch(showReviewedSwitch == 0 ? 1 : 0)
}
/> />
<Label className="ml-2 cursor-pointer" htmlFor="reviewed"> <Label className="ml-2 cursor-pointer" htmlFor="reviewed">
Show Reviewed Show Reviewed