From df7a5bb8a08c379b64141a2f129a17aa38c9b7e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 20 Apr 2024 21:40:41 -0500
Subject: [PATCH] fix: fullscreen card

---
 src/app/tools/tankopedia/[id]/components/Videos.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/tools/tankopedia/[id]/components/Videos.tsx b/src/app/tools/tankopedia/[id]/components/Videos.tsx
index 24e9481d2..ec02c00dd 100644
--- a/src/app/tools/tankopedia/[id]/components/Videos.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Videos.tsx
@@ -2,13 +2,17 @@ import { PlusIcon } from '@radix-ui/react-icons';
 import { Card, Flex, Heading, Link, Text } from '@radix-ui/themes';
 import { use } from 'react';
 import { videoDefinitions } from '../../../../../core/blitzkrieg/videos';
+import { useFullScreen } from '../../../../../hooks/useFullScreen';
 import { useDuel } from '../../../../../stores/duel';
 
 export function Videos() {
+  const isFullScreen = useFullScreen();
   const id = useDuel((state) => state.protagonist!.tank.id);
   const awaitedVideoDefinitions = use(videoDefinitions);
   const videos = awaitedVideoDefinitions[id] ?? [];
 
+  if (isFullScreen) return null;
+
   return (
     <Flex direction="column" gap="2" mt="4">
       <Heading size="6">Review videos</Heading>