From f8af51b75cfa9eeae9cb511126833ad491edf351 Mon Sep 17 00:00:00 2001 From: Max Litruv Boonzaayer Date: Fri, 27 Feb 2026 22:12:47 +1100 Subject: [PATCH] feat: implement video controls and pop-out functionality in Video component --- src/app/components/media/Video.tsx | 170 +++++++- src/app/components/media/videoControls.css.ts | 28 ++ src/app/features/call/CallOverlay.tsx | 392 +++++++++++++++++- src/app/hooks/useTheme.ts | 16 +- src/app/pages/client/ClientNonUIFeatures.tsx | 34 +- src/colors.css.ts | 194 +++++++++ src/index.css | 10 +- 7 files changed, 811 insertions(+), 33 deletions(-) create mode 100644 src/app/components/media/videoControls.css.ts diff --git a/src/app/components/media/Video.tsx b/src/app/components/media/Video.tsx index 03108c3..3018347 100644 --- a/src/app/components/media/Video.tsx +++ b/src/app/components/media/Video.tsx @@ -1,10 +1,168 @@ -import React, { VideoHTMLAttributes, forwardRef } from 'react'; +import React, { VideoHTMLAttributes, forwardRef, useRef, useState, useEffect } from 'react'; import classNames from 'classnames'; +import { Box, IconButton, Icon, Icons, Tooltip, TooltipProvider, Text } from 'folds'; import * as css from './media.css'; +import * as videoCss from './videoControls.css'; -export const Video = forwardRef>( - ({ className, ...props }, ref) => ( - // eslint-disable-next-line jsx-a11y/media-has-caption -