From 0c07fdf04a1c5e5aa20aa021be58e3420e5fedf0 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 11 Nov 2024 19:11:13 -0600
Subject: [PATCH] Remove activity indicator on review item download button

---
 .../components/button/DownloadVideoButton.tsx    | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/web/src/components/button/DownloadVideoButton.tsx b/web/src/components/button/DownloadVideoButton.tsx
index 7545217bf..750b35607 100644
--- a/web/src/components/button/DownloadVideoButton.tsx
+++ b/web/src/components/button/DownloadVideoButton.tsx
@@ -1,7 +1,5 @@
-import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { toast } from "sonner";
-import ActivityIndicator from "../indicators/activity-indicator";
 import { FaDownload } from "react-icons/fa";
 import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
 import { cn } from "@/lib/utils";
@@ -19,8 +17,6 @@ export function DownloadVideoButton({
   startTime,
   className,
 }: DownloadVideoButtonProps) {
-  const [isDownloading, setIsDownloading] = useState(false);
-
   const formattedDate = formatUnixTimestampToDateTime(startTime, {
     strftime_fmt: "%D-%T",
     time_style: "medium",
@@ -29,7 +25,6 @@ export function DownloadVideoButton({
   const filename = `${camera}_${formattedDate}.mp4`;
 
   const handleDownloadStart = () => {
-    setIsDownloading(true);
     toast.success("Your review item video has started downloading.", {
       position: "top-center",
     });
@@ -39,19 +34,14 @@ export function DownloadVideoButton({
     <div className="flex justify-center">
       <Button
         asChild
-        disabled={isDownloading}
         className="flex items-center gap-2"
         size="sm"
         aria-label="Download Video"
       >
         <a href={source} download={filename} onClick={handleDownloadStart}>
-          {isDownloading ? (
-            <ActivityIndicator className="size-4" />
-          ) : (
-            <FaDownload
-              className={cn("size-4 text-secondary-foreground", className)}
-            />
-          )}
+          <FaDownload
+            className={cn("size-4 text-secondary-foreground", className)}
+          />
         </a>
       </Button>
     </div>