administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 13:45:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add toast for export starting

Browse Source
This commit is contained in:
Nicolas Mowen 2024-05-03 07:19:14 -06:00
parent faccbec59a
commit de85c2db1f
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/views/events/EventView.tsx
View File

@ -45,6 +45,8 @@ import { useCameraMotionNextTimestamp } from "@/hooks/use-camera-activity";
import useOptimisticState from "@/hooks/use-optimistic-state"; import useOptimisticState from "@/hooks/use-optimistic-state";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import scrollIntoView from "scroll-into-view-if-needed"; import scrollIntoView from "scroll-into-view-if-needed";
import { Toaster } from "@/components/ui/sonner";
import { toast } from "sonner";
type EventViewProps = { type EventViewProps = {
reviews?: ReviewSegment[]; reviews?: ReviewSegment[];
@ -194,10 +196,20 @@ export default function EventView({
return; return;
} }
axios.post( axios
`export/${review.camera}/start/${review.start_time}/end/${review.end_time}`, .post(
{ playback: "realtime" }, `export/${review.camera}/start/${review.start_time}/end/${review.end_time}`,
); { playback: "realtime" },
)
.then((resp) => {
if (resp.status == 200) {
toast.success("Successfully started export", {
position: "top-center",
});
} else {
toast.error("Failed to start export", { position: "top-center" });
}
});
}, },
[reviewItems], [reviewItems],
); );
@ -215,6 +227,7 @@ export default function EventView({
return ( return (
<div className="py-2 flex flex-col size-full"> <div className="py-2 flex flex-col size-full">
<Toaster />
<div className="h-11 mb-2 pl-3 pr-2 relative flex justify-between items-center"> <div className="h-11 mb-2 pl-3 pr-2 relative flex justify-between items-center">
{isMobile && ( {isMobile && (
<Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" /> <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />