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,
|
MobilePageHeader,
|
||||||
MobilePageTitle,
|
MobilePageTitle,
|
||||||
} from "@/components/mobile/MobilePage";
|
} from "@/components/mobile/MobilePage";
|
||||||
|
import { useOverlayState } from "@/hooks/use-overlay-state";
|
||||||
|
|
||||||
type ReviewDetailDialogProps = {
|
type ReviewDetailDialogProps = {
|
||||||
review?: ReviewSegment;
|
review?: ReviewSegment;
|
||||||
@ -83,10 +84,12 @@ export default function ReviewDetailDialog({
|
|||||||
|
|
||||||
// dialog and mobile page
|
// dialog and mobile page
|
||||||
|
|
||||||
const [isOpen, setIsOpen] = useState(review != undefined);
|
const [isOpen, setIsOpen] = useOverlayState("reviewPane", false);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setIsOpen(review != undefined);
|
setIsOpen(review != undefined);
|
||||||
|
// we know that these deps are correct
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, [review]);
|
}, [review]);
|
||||||
|
|
||||||
const Overlay = isDesktop ? Sheet : MobilePage;
|
const Overlay = isDesktop ? Sheet : MobilePage;
|
||||||
@ -102,7 +105,7 @@ export default function ReviewDetailDialog({
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Overlay
|
<Overlay
|
||||||
open={isOpen}
|
open={isOpen ?? false}
|
||||||
onOpenChange={(open) => {
|
onOpenChange={(open) => {
|
||||||
if (!open) {
|
if (!open) {
|
||||||
setReview(undefined);
|
setReview(undefined);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user