mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-02-15 07:35:27 +03:00
use browser back button to dismiss review pane
This commit is contained in:
parent
cf7e65025e
commit
d957959ce7
@ -37,6 +37,7 @@ import {
|
||||
MobilePageHeader,
|
||||
MobilePageTitle,
|
||||
} from "@/components/mobile/MobilePage";
|
||||
import { useOverlayState } from "@/hooks/use-overlay-state";
|
||||
|
||||
type ReviewDetailDialogProps = {
|
||||
review?: ReviewSegment;
|
||||
@ -83,10 +84,12 @@ export default function ReviewDetailDialog({
|
||||
|
||||
// dialog and mobile page
|
||||
|
||||
const [isOpen, setIsOpen] = useState(review != undefined);
|
||||
const [isOpen, setIsOpen] = useOverlayState("reviewPane", false);
|
||||
|
||||
useEffect(() => {
|
||||
setIsOpen(review != undefined);
|
||||
// we know that these deps are correct
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [review]);
|
||||
|
||||
const Overlay = isDesktop ? Sheet : MobilePage;
|
||||
@ -102,7 +105,7 @@ export default function ReviewDetailDialog({
|
||||
return (
|
||||
<>
|
||||
<Overlay
|
||||
open={isOpen}
|
||||
open={isOpen ?? false}
|
||||
onOpenChange={(open) => {
|
||||
if (!open) {
|
||||
setReview(undefined);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user