Files
TheGame/packages/web/components/PlayerList.tsx

17 lines
491 B
TypeScript

import { SimpleGrid } from '@metafam/ds';
import { PlayerTile } from 'components/Player/PlayerTile';
import { PlayerFragmentFragment } from 'graphql/autogen/types';
import React from 'react';
type Props = {
players: PlayerFragmentFragment[];
};
export const PlayerList: React.FC<Props> = ({ players }) => (
<SimpleGrid columns={[1, null, 2, 3]} spacing="8" autoRows="minmax(35rem, auto)">
{players.map((p) => (
<PlayerTile key={p.id} player={p} />
))}
</SimpleGrid>
);