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

enroll team polish?

Browse Source
This commit is contained in:
yohlo
2025-09-17 20:20:52 -05:00
parent cac42c9b29
commit 285a33c488
22 changed files with 411 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/features/matches/components/match-card.tsx
View File

@@ -1,11 +1,4 @@
import {
Text,
Group,
Stack,
Paper,
Indicator,
Box,
} from "@mantine/core";
import { Text, Group, Stack, Paper, Indicator, Box } from "@mantine/core";
import { CrownIcon } from "@phosphor-icons/react";
import { useNavigate } from "@tanstack/react-router";
import { Match } from "../types";
@@ -46,7 +39,13 @@ const MatchCard = ({ match }: MatchCardProps) => {
offset={2}
>
<Box style={{ position: "relative" }}>
<Paper px="md" py="md" withBorder radius="md" style={{ position: "relative", zIndex: 2 }}>
<Paper
px="md"
py="md"
withBorder
radius="md"
style={{ position: "relative", zIndex: 2 }}
>
<Stack gap="sm">
<Group gap="xs">
<Text size="xs" fw={600} lineClamp={1} c="dimmed">
@@ -65,7 +64,16 @@ const MatchCard = ({ match }: MatchCardProps) => {
style={{ position: "relative", cursor: "pointer" }}
onClick={handleHomeTeamClick}
>
<Avatar size={40} name={match.home?.name!} radius="sm" />
<Avatar
size={40}
name={match.home?.name!}
radius="sm"
src={
match.home?.logo
? `/api/files/teams/${match.home?.id}/${match.home?.logo}`
: undefined
}
/>
{isHomeWin && (
<Box
style={{
@@ -89,11 +97,7 @@ const MatchCard = ({ match }: MatchCardProps) => {
{match.home?.name!}
</Text>
</Group>
<Text
size="xl"
fw={700}
c={"dimmed"}
>
<Text size="xl" fw={700} c={"dimmed"}>
{match.home_cups}
</Text>
</Group>
@@ -104,7 +108,16 @@ const MatchCard = ({ match }: MatchCardProps) => {
style={{ position: "relative", cursor: "pointer" }}
onClick={handleAwayTeamClick}
>
<Avatar size={40} name={match.away?.name!} radius="sm" />
<Avatar
size={40}
name={match.away?.name!}
radius="sm"
src={
match.away?.logo
? `/api/files/teams/${match.away?.id}/${match.away?.logo}`
: undefined
}
/>
{isAwayWin && (
<Box
style={{
@@ -128,11 +141,7 @@ const MatchCard = ({ match }: MatchCardProps) => {
{match.away?.name}
</Text>
</Group>
<Text
size="xl"
fw={700}
c={"dimmed"}
>
<Text size="xl" fw={700} c={"dimmed"}>
{match.away_cups}
</Text>
</Group>
@@ -149,7 +158,8 @@ const MatchCard = ({ match }: MatchCardProps) => {
paddingTop: 8,
backgroundColor: "var(--mantine-color-gray-light)",
borderTop: "none",
borderRadius: "0 0 var(--mantine-radius-md) var(--mantine-radius-md)",
borderRadius:
"0 0 var(--mantine-radius-md) var(--mantine-radius-md)",
border: "1px solid var(--mantine-color-default-border)",
}}
>