From 0181d1e377323b7d8a7dc1e8a79f49f81dfb99d6 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 4 Jun 2024 14:00:04 -0600
Subject: [PATCH] Don't show preview for birdseye (#11749)

* Don't show preview for birdseye

* Retry ws connection on error

* Flex wrap cameras labels
---
 web/src/api/ws.tsx                       | 1 +
 web/src/components/graph/CameraGraph.tsx | 2 +-
 web/src/views/events/RecordingView.tsx   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/api/ws.tsx b/web/src/api/ws.tsx
index 5d7d400f0..f68d2b4a3 100644
--- a/web/src/api/ws.tsx
+++ b/web/src/api/ws.tsx
@@ -77,6 +77,7 @@ function useValue(): useValueReturn {
       });
     },
     shouldReconnect: () => true,
+    retryOnError: true,
   });
 
   const setState = useCallback(
diff --git a/web/src/components/graph/CameraGraph.tsx b/web/src/components/graph/CameraGraph.tsx
index 31fef288b..f2b327da1 100644
--- a/web/src/components/graph/CameraGraph.tsx
+++ b/web/src/components/graph/CameraGraph.tsx
@@ -116,7 +116,7 @@ export function CameraLineGraph({
   return (
     <div className="flex w-full flex-col">
       {lastValues && (
-        <div className="flex items-center gap-2.5">
+        <div className="flex flex-wrap items-center gap-2.5">
           {dataLabels.map((label, labelIdx) => (
             <div key={label} className="flex items-center gap-1">
               <MdCircle
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index c8871500f..10be536a8 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -527,7 +527,7 @@ export function RecordingView({
               >
                 <div className="w-2" />
                 {allCameras.map((cam) => {
-                  if (cam == mainCamera) {
+                  if (cam == mainCamera || cam == "birdseye") {
                     return;
                   }