Bug fixes (#11332)

* Fix external events saving

* Only show relevant labels

* Set on recordings view too

* Fix video control width on motion page

* use overlay so player state is maintained between camera switches

* use overlay so player state is maintained between camera switches

* mobile only

* Formatting

* Use higher amount

* Only wrap when needed

web/src/views/events/EventView.tsx

@@ -232,6 +232,21 @@ export default function EventView({
     100,
   );
 
+  // review filter info
+
+  const reviewLabels = useMemo(() => {
+    const uniqueLabels = new Set<string>();
+
+    reviewItems?.all?.forEach((rev) => {
+      rev.data.objects.forEach((obj) =>
+        uniqueLabels.add(obj.replace("-verified", "")),
+      );
+      rev.data.audio.forEach((aud) => uniqueLabels.add(aud));
+    });
+
+    return [...uniqueLabels];
+  }, [reviewItems]);
+
   if (!config) {
     return <ActivityIndicator />;
   }
@@ -297,8 +312,9 @@ export default function EventView({
             currentSeverity={severityToggle}
             reviewSummary={reviewSummary}
             filter={filter}
-            onUpdateFilter={updateFilter}
             motionOnly={motionOnly}
+            filterLabels={reviewLabels}
+            onUpdateFilter={updateFilter}
             setMotionOnly={setMotionOnly}
           />
         ) : (

web/src/views/events/RecordingView.tsx

@@ -110,6 +110,18 @@ export function RecordingView({
     () => chunkedTimeRange[selectedRangeIdx],
     [selectedRangeIdx, chunkedTimeRange],
   );
+  const reviewLabels = useMemo(() => {
+    const uniqueLabels = new Set<string>();
+
+    reviewItems?.forEach((rev) => {
+      rev.data.objects.forEach((obj) =>
+        uniqueLabels.add(obj.replace("-verified", "")),
+      );
+      rev.data.audio.forEach((aud) => uniqueLabels.add(aud));
+    });
+
+    return [...uniqueLabels];
+  }, [reviewItems]);
 
   // export
 
@@ -402,8 +414,9 @@ export function RecordingView({
               filters={["date", "general"]}
               reviewSummary={reviewSummary}
               filter={filter}
-              onUpdateFilter={updateFilter}
               motionOnly={false}
+              filterLabels={reviewLabels}
+              onUpdateFilter={updateFilter}
               setMotionOnly={() => {}}
             />
           )}
@@ -445,6 +458,7 @@ export function RecordingView({
             latestTime={timeRange.before}
             mode={exportMode}
             range={exportRange}
+            allLabels={reviewLabels}
             onUpdateFilter={updateFilter}
             setRange={setExportRange}
             setMode={setExportMode}