From 027337a8655458eb241a188094f311eb05a609fa Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 1 Mar 2024 13:01:36 -0700
Subject: [PATCH] Add button for ptz presets

---
 web/src/views/live/LiveCameraView.tsx | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index 5af60e7bc..951e16c76 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -1,6 +1,12 @@
 import { usePtzCommand } from "@/api/ws";
 import LivePlayer from "@/components/player/LivePlayer";
 import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import useKeyboardListener from "@/hooks/use-keyboard-listener";
 import { CameraConfig } from "@/types/frigateConfig";
 import { CameraPtzInfo } from "@/types/ptz";
@@ -204,9 +210,22 @@ function PtzControlPanel({ camera }: { camera: string }) {
         </>
       )}
       {(ptz?.presets?.length ?? 0) > 0 && (
-        <Button>
-          <BsThreeDotsVertical />
-        </Button>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button>
+              <BsThreeDotsVertical />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            {ptz?.presets.map((preset) => {
+              return (
+                <DropdownMenuItem onSelect={() => sendPtz(`preset_${preset}`)}>
+                  {preset}
+                </DropdownMenuItem>
+              );
+            })}
+          </DropdownMenuContent>
+        </DropdownMenu>
       )}
     </div>
   );