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

fix key error in skeleton loaders

Browse Source
This commit is contained in:
yohlo
2025-08-25 19:38:21 -05:00
parent 4faa853c4c
commit d845254c3d
3 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/players/components/player-list.tsx
View File

@@ -13,7 +13,7 @@ const PlayerList = ({ players, loading = false }: PlayerListProps) => {
if (loading) return <List> if (loading) return <List>
{Array.from({ length: 10 }).map((_, i) => ( {Array.from({ length: 10 }).map((_, i) => (
<ListItem py='xs' <ListItem py='xs' key={`skeleton-${i}`}
icon={<Skeleton circle height={40} width={40} />} icon={<Skeleton circle height={40} width={40} />}
> >
<Skeleton height={20} width={200} /> <Skeleton height={20} width={200} />

3
src/features/teams/components/team-list.tsx
View File

@@ -13,8 +13,7 @@ const TeamList = ({ teams, loading = false }: TeamListProps) => {
if (loading) return <List> if (loading) return <List>
{Array.from({ length: 10 }).map((_, i) => ( {Array.from({ length: 10 }).map((_, i) => (
<ListItem py='xs' <ListItem key={`skeleton-${i}`} py='xs' icon={<Skeleton height={40} width={40} />}
icon={<Skeleton height={40} width={40} />}
> >
<Skeleton height={35} width={200} /> <Skeleton height={35} width={200} />
</ListItem> </ListItem>

2
src/features/tournaments/components/tournament-list.tsx
View File

@@ -13,7 +13,7 @@ const TournamentList = ({ tournaments, loading = false }: TournamentListProps) =
if (loading) return <List> if (loading) return <List>
{Array.from({ length: 10 }).map((_, i) => ( {Array.from({ length: 10 }).map((_, i) => (
<ListItem py='xs' <ListItem py='xs' key={`skeleton-${i}`}
icon={<Skeleton height={40} width={40} />} icon={<Skeleton height={40} width={40} />}
> >
<Skeleton height={20} width={200} /> <Skeleton height={20} width={200} />