diff --git a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx index 78827a99e..84f9051ea 100644 --- a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx +++ b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx @@ -75,6 +75,9 @@ export default function MobileReviewSettingsDrawer({ // exports const [name, setName] = useState(""); + const [selectedCaseId, setSelectedCaseId] = useState( + undefined, + ); const onStartExport = useCallback(() => { if (!range) { toast.error(t("toast.error.noValidTimeSelected"), { @@ -96,6 +99,7 @@ export default function MobileReviewSettingsDrawer({ { playback: "realtime", name, + export_case_id: selectedCaseId || undefined, }, ) .then((response) => { @@ -114,6 +118,7 @@ export default function MobileReviewSettingsDrawer({ }, ); setName(""); + setSelectedCaseId(undefined); setRange(undefined); setMode("none"); } @@ -133,7 +138,7 @@ export default function MobileReviewSettingsDrawer({ }, ); }); - }, [camera, name, range, setRange, setName, setMode, t]); + }, [camera, name, range, selectedCaseId, setRange, setName, setMode, t]); // filters @@ -200,8 +205,10 @@ export default function MobileReviewSettingsDrawer({ currentTime={currentTime} range={range} name={name} + selectedCaseId={selectedCaseId} onStartExport={onStartExport} setName={setName} + setSelectedCaseId={setSelectedCaseId} setRange={setRange} setMode={(mode) => { setMode(mode); @@ -213,6 +220,7 @@ export default function MobileReviewSettingsDrawer({ onCancel={() => { setMode("none"); setRange(undefined); + setSelectedCaseId(undefined); setDrawerMode("select"); }} />