Redesign Recordings View (#10690)

* Use full width top bar

* Make each item in review filter group optional

* Remove export creation from export page

* Consolidate packages and fix opening recording from event

* Use common type for time range

* Move timeline to separate component

* Add events list view to recordings view

* Fix loading of images

* Fix incorrect labels

* use overlay state for selected timeline type

* Fix up for mobile view for now

* replace overlay state

* fix comparison

* remove unused

web/src/components/dynamic/NewReviewData.tsx

@@ -22,7 +22,7 @@ export default function NewReviewData({
       return false;
     }
 
-    return reviewItems.length != itemsToReview;
+    return reviewItems.length < itemsToReview;
   }, [reviewItems, itemsToReview]);
 
   return (

web/src/components/dynamic/TimeAgo.tsx

@@ -1,6 +1,8 @@
 import { FunctionComponent, useEffect, useMemo, useState } from "react";
 
 interface IProp {
+  /** OPTIONAL: classname */
+  className?: string;
   /** The time to calculate time-ago from */
   time: number;
   /** OPTIONAL: overwrite current time */
@@ -73,6 +75,7 @@ const timeAgo = ({
 };
 
 const TimeAgo: FunctionComponent<IProp> = ({
+  className,
   time,
   manualRefreshInterval,
   ...rest
@@ -105,6 +108,6 @@ const TimeAgo: FunctionComponent<IProp> = ({
     [currentTime, rest, time],
   );
 
-  return <span>{timeAgoValue}</span>;
+  return <span className={className}>{timeAgoValue}</span>;
 };
 export default TimeAgo;