TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-24 12:09:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: fullscreen card

Browse Source
This commit is contained in:
TrèsAbhi committed 2024-04-20 21:40:41 -05:00
1 parent dd41cac3ac
commit df7a5bb8a0
1 file changed
+4
Download Patch File Download Diff File Expand all files Collapse all files
src/app/tools/tankopedia/[id]/components/Videos.tsx
+4
View File
@@ -2,13 +2,17 @@ import { PlusIcon } from '@radix-ui/react-icons';
import { Card, Flex, Heading, Link, Text } from '@radix-ui/themes'; import { Card, Flex, Heading, Link, Text } from '@radix-ui/themes';
import { use } from 'react'; import { use } from 'react';
import { videoDefinitions } from '../../../../../core/blitzkrieg/videos'; import { videoDefinitions } from '../../../../../core/blitzkrieg/videos';
import { useFullScreen } from '../../../../../hooks/useFullScreen';
import { useDuel } from '../../../../../stores/duel'; import { useDuel } from '../../../../../stores/duel';
export function Videos() { export function Videos() {
const isFullScreen = useFullScreen();
const id = useDuel((state) => state.protagonist!.tank.id); const id = useDuel((state) => state.protagonist!.tank.id);
const awaitedVideoDefinitions = use(videoDefinitions); const awaitedVideoDefinitions = use(videoDefinitions);
const videos = awaitedVideoDefinitions[id] ?? []; const videos = awaitedVideoDefinitions[id] ?? [];
if (isFullScreen) return null;
return ( return (
<Flex direction="column" gap="2" mt="4"> <Flex direction="column" gap="2" mt="4">
<Heading size="6">Review videos</Heading> <Heading size="6">Review videos</Heading>