administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-01-24 21:18:30 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve navigation

Browse Source
This commit is contained in:
Nicolas Mowen 2025-12-16 13:48:40 -07:00
parent b372dd8f03
commit 5000687a23
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/pages/Exports.tsx
View File

@ -15,7 +15,8 @@ import Heading from "@/components/ui/heading";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Toaster } from "@/components/ui/sonner"; import { Toaster } from "@/components/ui/sonner";
import useKeyboardListener from "@/hooks/use-keyboard-listener"; import useKeyboardListener from "@/hooks/use-keyboard-listener";
import { useOverlayState, useSearchEffect } from "@/hooks/use-overlay-state"; import { useSearchEffect } from "@/hooks/use-overlay-state";
import { useHistoryBack } from "@/hooks/use-history-back";
import { useApiFilterArgs } from "@/hooks/use-api-filter"; import { useApiFilterArgs } from "@/hooks/use-api-filter";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { import {
@ -114,11 +115,18 @@ function Exports() {
// Viewing // Viewing
const [selected, setSelected] = useState<Export>(); const [selected, setSelected] = useState<Export>();
const [selectedCaseId, setSelectedCaseId] = useOverlayState< const [selectedCaseId, setSelectedCaseId] = useState<string | undefined>(
string | undefined undefined,
>("caseId", undefined); );
const [selectedAspect, setSelectedAspect] = useState(0.0); const [selectedAspect, setSelectedAspect] = useState(0.0);
// Handle browser back button to deselect case before navigating away
useHistoryBack({
enabled: true,
open: selectedCaseId !== undefined,
onClose: () => setSelectedCaseId(undefined),
});
useSearchEffect("id", (id) => { useSearchEffect("id", (id) => {
if (!rawExports) { if (!rawExports) {
return false; return false;