From a199569b8adbfcb07084ec56bcc843836211cabd Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 15 Mar 2024 14:19:15 -0600
Subject: [PATCH] Add on click from main dashboard

---
 web/src/components/player/BirdseyeLivePlayer.tsx | 3 +++
 web/src/views/live/LiveDashboardView.tsx         | 1 +
 2 files changed, 4 insertions(+)

diff --git a/web/src/components/player/BirdseyeLivePlayer.tsx b/web/src/components/player/BirdseyeLivePlayer.tsx
index 869158c3e..10d578115 100644
--- a/web/src/components/player/BirdseyeLivePlayer.tsx
+++ b/web/src/components/player/BirdseyeLivePlayer.tsx
@@ -9,12 +9,14 @@ type LivePlayerProps = {
   className?: string;
   birdseyeConfig: BirdseyeConfig;
   liveMode: LivePlayerMode;
+  onClick?: () => void;
 };
 
 export default function BirdseyeLivePlayer({
   className,
   birdseyeConfig,
   liveMode,
+  onClick,
 }: LivePlayerProps) {
   let player;
   if (liveMode == "webrtc") {
@@ -50,6 +52,7 @@ export default function BirdseyeLivePlayer({
   return (
     <div
       className={`relative flex justify-center w-full cursor-pointer ${className ?? ""}`}
+      onClick={onClick}
     >
       <div className="absolute top-0 inset-x-0 rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div>
       <div className="absolute bottom-0 inset-x-0 rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div>
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index 013621350..071a9d71e 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -134,6 +134,7 @@ export default function LiveDashboardView({
           <BirdseyeLivePlayer
             birdseyeConfig={birdseyeConfig}
             liveMode={birdseyeConfig.restream ? "mse" : "jsmpeg"}
+            onClick={() => onSelectCamera("birdseye")}
           />
         )}
         {cameras.map((camera) => {