Add link from reecordings to live as well

blakeblackshear · Apr 11, 2024 · bb9f8b1 · bb9f8b1
1 parent 360a6a6
commit bb9f8b1
Showing 1 changed file with 22 additions and 7 deletions.
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
@@ -39,6 +39,7 @@ import MobileTimelineDrawer from "@/components/overlay/MobileTimelineDrawer";
 import MobileReviewSettingsDrawer from "@/components/overlay/MobileReviewSettingsDrawer";
 import Logo from "@/components/Logo";
 import { Skeleton } from "@/components/ui/skeleton";
+import { FaVideo } from "react-icons/fa";
 
 const SEGMENT_DURATION = 30;
 
@@ -251,14 +252,28 @@ export function RecordingView({
  {isMobile && (
  <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
  )}
- <Button
- className="flex items-center gap-2 rounded-lg"
- size="sm"
- onClick={() => navigate(-1)}
+ <div
+ className={`flex items-center gap-2 ${isMobile ? "landscape:flex-col" : ""}`}
  >
- <IoMdArrowRoundBack className="size-5 text-secondary-foreground" />
- {isDesktop && <div className="text-primary">Back</div>}
- </Button>
+ <Button
+ className={`flex items-center gap-2.5 rounded-lg`}
+ size="sm"
+ onClick={() => navigate(-1)}
+ >
+ <IoMdArrowRoundBack className="size-5 text-secondary-foreground" />
+ {isDesktop && <div className="text-primary">Back</div>}
+ </Button>
+ <Button
+ className="flex items-center gap-2.5 rounded-lg"
+ size="sm"
+ onClick={() => {
+ navigate(`/#${mainCamera}`);
+ }}
+ >
+ <FaVideo className="size-5 text-secondary-foreground" />
+ {isDesktop && <div className="text-primary">Live</div>}
+ </Button>
+ </div>
  <div className="flex items-center justify-end gap-2">
  <MobileCameraDrawer
  allCameras={allCameras}