From 114435a56db16de7f287f5b61a7f2dbee96345b4 Mon Sep 17 00:00:00 2001
From: Max Litruv Boonzaayer <litruv@gmail.com>
Date: Thu, 23 Apr 2026 04:41:30 +1000
Subject: [PATCH] feat: add fullscreen and exit fullscreen icons for video
 component

---
 src/app/components/media/Video.tsx | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/app/components/media/Video.tsx b/src/app/components/media/Video.tsx
index 15d49f3..484d17b 100644
--- a/src/app/components/media/Video.tsx
+++ b/src/app/components/media/Video.tsx
@@ -4,6 +4,28 @@ import { Box, IconButton, Icon, Icons, Tooltip, TooltipProvider, Text } from 'fo
 import * as css from './media.css';
 import * as videoCss from './videoControls.css';
 
+/**
+ * Fullscreen icon SVG
+ */
+function FullscreenIcon() {
+  return (
+    <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
+      <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" />
+    </svg>
+  );
+}
+
+/**
+ * Exit fullscreen icon SVG
+ */
+function ExitFullscreenIcon() {
+  return (
+    <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
+      <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" />
+    </svg>
+  );
+}
+
 type VideoProps = VideoHTMLAttributes<HTMLVideoElement> & {
   disableControls?: boolean;
 };
@@ -146,7 +168,7 @@ export const Video = forwardRef<HTMLVideoElement, VideoProps>(
                 >
                   <Icon
                     size="200"
-                    src={isFullscreen ? Icons.Minus : Icons.Plus}
+                    src={isFullscreen ? ExitFullscreenIcon : FullscreenIcon}
                   />
                 </IconButton>
               )}