dev day #75

frontend/src/components/home/TeamScroller.tsx

@@ -17,6 +17,11 @@ const TeamScroller: React.FC = () => {
             <Image src={assetUrl(p.image_url) || '/logo192.png'} alt={p.first_name + ' ' + p.last_name} w="140px" h="140px" objectFit="cover" borderRadius="lg" fallbackSrc="/dist/img/logo-club-empty.svg" />
             <Text fontWeight="bold" textAlign="center">{p.first_name} {p.last_name}</Text>
             <Text fontSize="sm" color={useColorModeValue('gray.600', 'gray.400')}>{p.position}</Text>
+            {p.date_of_birth ? (
+              <Text fontSize="sm" color={useColorModeValue('gray.600', 'gray.400')}>
+                Věk: {calculateAge(p.date_of_birth)} let
+              </Text>
+            ) : null}
           </VStack>
         ))}
       </HStack>
@@ -24,4 +29,18 @@ const TeamScroller: React.FC = () => {
   );
 };
 
+function calculateAge(dob: string): number | null {
+  try {
+    const d = new Date(dob);
+    if (isNaN(d.getTime())) return null;
+    const today = new Date();
+    let age = today.getFullYear() - d.getFullYear();
+    const m = today.getMonth() - d.getMonth();
+    if (m < 0 || (m === 0 && today.getDate() < d.getDate())) age--;
+    return age;
+  } catch {
+    return null;
+  }
+}
+
 export default TeamScroller;