free agents

2025-09-20 20:50:44 -05:00
parent 5e20b94a1f
commit 1027b49258
37 changed files with 817 additions and 128 deletions
@@ -0,0 +1,42 @@
+import { Box, Card, Divider, Flex, Group, Skeleton, Stack } from "@mantine/core";
+
+const UpcomingTournamentSkeleton = () => {
+  return (
+    <Stack gap="lg">
+      <Flex px="md" justify="center" w="100%">
+        <Skeleton height={240} width={240} radius="md" />
+        <Stack justify="space-between" align="flex-start">
+          <Box style={{ flex: 1 }}>
+            <Skeleton height={32}  mb="xs" />
+            <Skeleton height={16} />
+          </Box>
+        </Stack>
+      </Flex>
+
+      <Stack px="md">
+        <Skeleton height={14} width="80%" />
+
+        <Card withBorder radius="lg" p="lg">
+          <Group mb="sm" gap="xs" align="center">
+            <Skeleton height={16} width={16} />
+            <Skeleton height={14} width="20%" />
+            <Box ml="auto">
+              <Skeleton height={20} width={80} radius="sm" />
+            </Box>
+          </Group>
+        </Card>
+      </Stack>
+
+      <Box>
+        <Divider />
+        <Stack gap={0}>
+          <Skeleton height={48} width="100%" />
+          <Skeleton height={48} width="100%" />
+          <Skeleton height={48} width="100%" />
+        </Stack>
+      </Box>
+    </Stack>
+  );
+};
+
+export default UpcomingTournamentSkeleton;