From b2737a39551259fdc563939e4f23c00a8d3f6018 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 14 Oct 2024 14:15:52 -0600
Subject: [PATCH] Add download button to UI

---
 frigate/api/media.py                              |  1 -
 .../overlay/detail/ReviewDetailDialog.tsx         | 15 ++++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frigate/api/media.py b/frigate/api/media.py
index 429957612..c2bde3cb4 100644
--- a/frigate/api/media.py
+++ b/frigate/api/media.py
@@ -462,7 +462,6 @@ def recording_clip(
             while True:
                 data = ffmpeg.stdout.read(1024)
                 if not data:
-                    logger.error(f"the returncode is {ffmpeg.returncode}")
                     if ffmpeg.returncode and ffmpeg.returncode != 0:
                         logger.error(
                             f"Failed to generate clip, ffmpeg logs: {ffmpeg.stderr.read()}"
diff --git a/web/src/components/overlay/detail/ReviewDetailDialog.tsx b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
index ae0397470..b1918bf10 100644
--- a/web/src/components/overlay/detail/ReviewDetailDialog.tsx
+++ b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
@@ -143,7 +143,7 @@ export default function ReviewDetailDialog({
               <Description className="sr-only">Review item details</Description>
               <div
                 className={cn(
-                  "absolute",
+                  "absolute flex gap-2",
                   isDesktop && "right-1 top-8",
                   isMobile && "right-0 top-3",
                 )}
@@ -161,6 +161,19 @@ export default function ReviewDetailDialog({
                   </TooltipTrigger>
                   <TooltipContent>Share this review item</TooltipContent>
                 </Tooltip>
+                <Tooltip>
+                  <TooltipTrigger>
+                    <a
+                      download
+                      href={`${baseUrl}api/${review.camera}/start/${review.start_time}/end/${review.end_time || Date.now() / 1000}/clip.mp4`}
+                    >
+                      <Button size="sm">
+                        <FaDownload className="size-4 text-secondary-foreground" />
+                      </Button>
+                    </a>
+                  </TooltipTrigger>
+                  <TooltipContent>Share this review item</TooltipContent>
+                </Tooltip>
               </div>
             </Header>
           )}