kyle/flxn-app
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

i18n
CI/CD Pipeline / Build and Push PocketBase Docker Image (push) Successful in 8s
Details
CI/CD Pipeline / i18n Catalog Check (push) Failing after 10s
Details
CI/CD Pipeline / Build and Push App Docker Image (push) Skipped
Details
CI/CD Pipeline / Deploy to Kubernetes (push) Skipped
Details

Browse Source
This commit is contained in:
yohlo
2026-08-08 15:29:40 -07:00
parent 22c282d8fa
commit 0a7b5fa00f
178 changed files with 13099 additions and 1285 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/matches/components/team-head-to-head-sheet.tsx
+19 -16
View File
@@ -5,6 +5,7 @@ import { useMemo, useEffect, useState, Suspense } from "react";
import { CrownIcon } from "@phosphor-icons/react";
import MatchList from "./match-list";
import TeamHeadToHeadSkeleton from "./team-head-to-head-skeleton";
import { Trans, Plural } from "@lingui/react/macro";
interface TeamHeadToHeadSheetProps {
team1: TeamInfo;
@@ -87,7 +88,7 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
if (isLoading) {
return (
<Stack p="md" gap="md">
<Text size="sm" c="dimmed" ta="center">Loading...</Text>
<Text size="sm" c="dimmed" ta="center"><Trans>Loading...</Trans></Text>
</Stack>
);
}
@@ -96,7 +97,7 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
return (
<Stack p="md" gap="md">
<Text size="sm" c="dimmed" ta="center">
These teams have not faced each other yet.
<Trans>These teams have not faced each other yet.</Trans>
</Text>
</Stack>
);
@@ -111,7 +112,7 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
<Stack gap="sm">
<Group justify="center" gap="xs">
<Text size="lg" fw={700}>{team1.name}</Text>
<Text size="sm" c="dimmed">vs</Text>
<Text size="sm" c="dimmed"><Trans>vs</Trans></Text>
<Text size="lg" fw={700}>{team2.name}</Text>
</Group>
@@ -131,32 +132,32 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
<Group justify="center" gap="xs">
<CrownIcon size={16} weight="fill" color="gold" />
<Text size="xs" c="dimmed">
{leader.name} leads the series
<Trans>{leader.name} leads the series</Trans>
</Text>
</Group>
)}
{!leader && totalMatches > 0 && (
<Text size="xs" c="dimmed" ta="center">
Series is tied
<Trans>Series is tied</Trans>
</Text>
)}
</Stack>
</Paper>
<Stack gap={0}>
<Text size="sm" fw={600} px="md" mb="xs">Stats Comparison</Text>
<Text size="sm" fw={600} px="md" mb="xs"><Trans>Stats Comparison</Trans></Text>
<Paper withBorder>
<Stack gap={0}>
<Group justify="space-between" px="md" py="sm">
<Group gap="xs">
<Text size="sm" fw={600}>{stats.team1CupsFor}</Text>
<Text size="xs" c="dimmed">cups</Text>
<Text size="xs" c="dimmed"><Trans>cups</Trans></Text>
</Group>
<Text size="xs" fw={500}>Total Cups</Text>
<Text size="xs" fw={500}><Trans>Total Cups</Trans></Text>
<Group gap="xs">
<Text size="xs" c="dimmed">cups</Text>
<Text size="xs" c="dimmed"><Trans>cups</Trans></Text>
<Text size="sm" fw={600}>{stats.team2CupsFor}</Text>
</Group>
</Group>
@@ -167,11 +168,11 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
<Text size="sm" fw={600}>
{totalMatches > 0 ? (stats.team1CupsFor / totalMatches).toFixed(1) : '0.0'}
</Text>
<Text size="xs" c="dimmed">avg</Text>
<Text size="xs" c="dimmed"><Trans>avg</Trans></Text>
</Group>
<Text size="xs" fw={500}>Avg Cups/Match</Text>
<Text size="xs" fw={500}><Trans>Avg Cups/Match</Trans></Text>
<Group gap="xs">
<Text size="xs" c="dimmed">avg</Text>
<Text size="xs" c="dimmed"><Trans>avg</Trans></Text>
<Text size="sm" fw={600}>
{totalMatches > 0 ? (stats.team2CupsFor / totalMatches).toFixed(1) : '0.0'}
</Text>
@@ -184,11 +185,11 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
<Text size="sm" fw={600}>
{!isNaN(stats.team1AvgMargin) ? stats.team1AvgMargin.toFixed(1) : '0.0'}
</Text>
<Text size="xs" c="dimmed">margin</Text>
<Text size="xs" c="dimmed"><Trans>margin</Trans></Text>
</Group>
<Text size="xs" fw={500}>Avg Win Margin</Text>
<Text size="xs" fw={500}><Trans>Avg Win Margin</Trans></Text>
<Group gap="xs">
<Text size="xs" c="dimmed">margin</Text>
<Text size="xs" c="dimmed"><Trans>margin</Trans></Text>
<Text size="sm" fw={600}>
{!isNaN(stats.team2AvgMargin) ? stats.team2AvgMargin.toFixed(1) : '0.0'}
</Text>
@@ -199,7 +200,9 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
</Stack>
<Stack gap="xs">
<Text size="sm" fw={600} px="md">Match History ({totalMatches} match{totalMatches !== 1 ? 'es' : ''})</Text>
<Text size="sm" fw={600} px="md">
<Trans>Match History (<Plural value={totalMatches} one="# match" other="# matches" />)</Trans>
</Text>
<MatchList matches={matches} hideH2H />
</Stack>
</Stack>