Add toast for export starting

blakeblackshear · May 3, 2024 · afe3dea · afe3dea
1 parent 3de0991
commit afe3dea
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
@@ -45,6 +45,8 @@ import { useCameraMotionNextTimestamp } from "@/hooks/use-camera-activity";
 import useOptimisticState from "@/hooks/use-optimistic-state";
 import { Skeleton } from "@/components/ui/skeleton";
 import scrollIntoView from "scroll-into-view-if-needed";
+import { Toaster } from "@/components/ui/sonner";
+import { toast } from "sonner";
 
 type EventViewProps = {
   reviews?: ReviewSegment[];
@@ -194,10 +196,20 @@ export default function EventView({
         return;
       }
 
-      axios.post(
-        `export/${review.camera}/start/${review.start_time}/end/${review.end_time}`,
-        { playback: "realtime" },
-      );
+      axios
+        .post(
+          `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],
   );
@@ -215,6 +227,7 @@ export default function EventView({
 
   return (
     <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">
         {isMobile && (
           <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />