Adjust handling for device sizes

This commit is contained in:
Nicolas Mowen 2026-02-11 07:54:06 -07:00
parent da891cfa66
commit dee673c90f

View File

@ -33,7 +33,7 @@ import {
useRef, useRef,
useState, useState,
} from "react"; } from "react";
import { isDesktop, isMobile } from "react-device-detect"; import { isDesktop, isMobile, isMobileOnly, isTablet } from "react-device-detect";
import { IoMdArrowRoundBack } from "react-icons/io"; import { IoMdArrowRoundBack } from "react-icons/io";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Toaster } from "@/components/ui/sonner"; import { Toaster } from "@/components/ui/sonner";
@ -738,7 +738,7 @@ export function RecordingView({
aspectRatio: getCameraAspect(mainCamera), aspectRatio: getCameraAspect(mainCamera),
}} }}
> >
{isDesktop && ( {(isDesktop || isTablet) && (
<GenAISummaryDialog <GenAISummaryDialog
review={activeReviewItem} review={activeReviewItem}
onOpen={onAnalysisOpen} onOpen={onAnalysisOpen}
@ -1001,7 +1001,7 @@ function Timeline({
), ),
)} )}
> >
{isMobile && timelineType == "timeline" && ( {isMobileOnly && timelineType == "timeline" && (
<GenAISummaryDialog review={activeReviewItem} onOpen={onAnalysisOpen}> <GenAISummaryDialog review={activeReviewItem} onOpen={onAnalysisOpen}>
<GenAISummaryChip review={activeReviewItem} /> <GenAISummaryChip review={activeReviewItem} />
</GenAISummaryDialog> </GenAISummaryDialog>