upload

2026-06-04 18:52:56 +00:00 · 2025-10-16 13:32:05 +02:00
commit 12cba639b9
663 changed files with 168914 additions and 0 deletions
@@ -0,0 +1,151 @@
+import { Box, Tabs, TabList, TabPanels, Tab, TabPanel, VStack, HStack, Image, Text, Skeleton, Badge } from '@chakra-ui/react';
+import { useQuery } from '@tanstack/react-query';
+import React from 'react';
+import { facrApi } from '../../services/facr/facrApi';
+import { usePublicSettings } from '../../hooks/usePublicSettings';
+import { getCompetitionAliasesPublic, CompetitionAlias } from '../../services/competitionAliases';
+import { TeamLogo } from '../common/TeamLogo';
+import { sortCategoriesWithOrder } from '../../utils/categorySort';
+import '../../styles/logos.css';
+
+const Row: React.FC<{ d: string; h: string; hid?: string; hl?: string; a: string; aid?: string; al?: string; s?: string; clubName?: string }> = ({ d, h, hid, hl, a, aid, al, s, clubName }) => (
+  <HStack justify="space-between" borderRadius="lg" p={3} bg="white" boxShadow="sm">
+    <Text w="140px" fontSize="sm" color="gray.600">{d}</Text>
+    <HStack flex={1} justify="flex-end" spacing={4}>
+      <HStack minW="40%" justify="flex-end" spacing={2}>
+        <Text noOfLines={1} textAlign="right" flex={1}>{h}</Text>
+        <Box className="logo-container" w="28px" h="28px">
+          <TeamLogo
+            teamId={hid}
+            teamName={h}
+            facrLogo={hl}
+            size="custom"
+            boxSize="28px"
+          />
+        </Box>
+      </HStack>
+      <HStack minW="60px" justify="center" spacing={2}>
+        <Text fontWeight="bold" textAlign="center">{s || '-:-'}</Text>
+        {(() => {
+          if (!s || !clubName) return null;
+          const m = s.match(/^(\d+)\s*[:\-]\s*(\d+)$/);
+          if (!m) return null;
+          const hG = parseInt(m[1], 10), aG = parseInt(m[2], 10);
+          const norm = (x: string) => String(x||'').normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/\s+/g,' ').trim().toLowerCase();
+          const strip = (x: string) => norm(x).replace(/\b(mestsky|m\.?f\.?k\.?|mfk|tj|sk|sokol|fotbalovy|fotbalový|fotbalovy\s+klub|fotbalovy\s+klub)\b/g,'').replace(/\s+/g,' ').trim();
+          const ourHome = (() => { const A = strip(h); const B = strip(clubName); return A && B && (A===B || A.endsWith(B) || B.endsWith(A)); })();
+          const ourAway = (() => { const A = strip(a); const B = strip(clubName); return A && B && (A===B || A.endsWith(B) || B.endsWith(A)); })();
+          if (!ourHome && !ourAway) return null;
+          if (hG === aG) return <Badge colorScheme="blue" variant="subtle">Remíza</Badge>;
+          const our = ourHome ? hG : aG; const opp = ourHome ? aG : hG;
+          return our > opp ? <Badge colorScheme="green" variant="subtle">Výhra</Badge> : <Badge colorScheme="red" variant="subtle">Prohra</Badge>;
+        })()}
+      </HStack>
+      <HStack minW="40%" spacing={2}>
+        <Box className="logo-container" w="28px" h="28px">
+          <TeamLogo
+            teamId={aid}
+            teamName={a}
+            facrLogo={al}
+            size="custom"
+            boxSize="28px"
+          />
+        </Box>
+        <Text noOfLines={1} flex={1}>{a}</Text>
+      </HStack>
+    </HStack>
+  </HStack>
+);
+
+const CompetitionMatches: React.FC = () => {
+  const { data: settings } = usePublicSettings();
+  const clubId = settings?.club_id;
+  const clubType = settings?.club_type || 'football';
+  const { data, isLoading } = useQuery({
+    queryKey: ['facr-club', clubId, clubType],
+    queryFn: () => facrApi.getClub(clubId!, clubType as any),
+    enabled: !!clubId,
+  });
+  // Load competition aliases
+  const [aliases, setAliases] = React.useState<Record<string, { alias: string; original_name?: string; display_order?: number }>>({});
+  React.useEffect(() => {
+    let mounted = true;
+    (async () => {
+      try {
+        const list: CompetitionAlias[] = await getCompetitionAliasesPublic();
+        if (!mounted) return;
+        const map: Record<string, { alias: string; original_name?: string; display_order?: number }> = {};
+        (list || []).forEach((a) => { if (a?.code && a?.alias) map[a.code] = { alias: a.alias, original_name: a.original_name, display_order: a.display_order }; });
+        setAliases(map);
+      } catch {}
+    })();
+    return () => { mounted = false; };
+  }, []);
+
+  // Precompute sorted competitions safely (must be before any early returns to keep hooks order stable)
+  const competitions = data?.competitions ?? [];
+  const sortedCompetitions = React.useMemo(() => {
+    const arr = Array.isArray(competitions) ? competitions : [];
+    return sortCategoriesWithOrder(
+      arr.map(c => ({
+        ...c,
+        name: aliases[c.code]?.alias || aliases[c.id]?.alias || c.name,
+        alias: aliases[c.code]?.alias || aliases[c.id]?.alias,
+        display_order: (aliases[c.code]?.display_order) ?? (aliases[c.id]?.display_order),
+      }))
+    );
+  }, [competitions, aliases]);
+
+  if (isLoading) return <Skeleton height="200px" />;
+  
+  if (!clubId) {
+    return (
+      <Box p={4} bg="yellow.50" borderRadius="md" borderWidth="1px" borderColor="yellow.200">
+        <Text color="gray.700">
+          Pro zobrazení zápasů je potřeba nastavit klub v administraci (Nastavení → Základní údaje).
+        </Text>
+      </Box>
+    );
+  }
+  
+  if (!data || !data.competitions || data.competitions.length === 0) {
+    return (
+      <Box p={4} bg="gray.50" borderRadius="md" borderWidth="1px" borderColor="gray.200">
+        <Text color="gray.600">
+          Žádné soutěže ani zápasy nejsou k dispozici pro vybraný klub.
+        </Text>
+      </Box>
+    );
+  }
+
+  // Sort competitions by age (Muži first, then U19, U17, etc.) and respect custom order (computed above)
+
+  return (
+    <Box>
+      <Tabs variant="soft-rounded" colorScheme="blue" isFitted>
+        <TabList>
+          {sortedCompetitions.map((c) => {
+            const label = c.alias || c.name;
+            return <Tab key={c.id}>{label}</Tab>;
+          })}
+        </TabList>
+        <TabPanels>
+          {sortedCompetitions.map((c) => (
+            <TabPanel key={c.id} px={0}>
+              <VStack align="stretch" spacing={3}>
+                {(c.matches || []).slice(0, 6).map((m, idx) => (
+                  <Row key={m.match_id || idx} d={m.date_time} h={m.home} hid={m.home_id} hl={m.home_logo_url} a={m.away} aid={m.away_id} al={m.away_logo_url} s={m.score} clubName={data.name} />
+                ))}
+                {(c.matches || []).length === 0 && (
+                  <Text color="gray.500">Žádné zápasy k dispozici.</Text>
+                )}
+              </VStack>
+            </TabPanel>
+          ))}
+        </TabPanels>
+      </Tabs>
+    </Box>
+  );
+};
+
+export default CompetitionMatches;