diff options
Diffstat (limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx')
| -rw-r--r-- | frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx new file mode 100644 index 0000000..fb315ff --- /dev/null +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx @@ -0,0 +1,27 @@ +import type { PlayerProfile } from "../../types/PlayerProfile"; +import PlayerNameAndIcon from "../PlayerNameAndIcon"; + +type Props = { + gameDisplayName: string; + playerProfileA: PlayerProfile; + playerProfileB: PlayerProfile; +}; + +export default function GolfWatchAppWaiting1v1({ + gameDisplayName, + playerProfileA, + playerProfileB, +}: Props) { + return ( + <div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center"> + <div className="text-white bg-sky-600 p-10"> + <div className="text-4xl">{gameDisplayName}</div> + </div> + <div className="grow grid grid-cols-3 gap-10 mx-auto text-black"> + <PlayerNameAndIcon label="Player 1" profile={playerProfileA} /> + <div className="text-8xl my-auto">vs.</div> + <PlayerNameAndIcon label="Player 2" profile={playerProfileB} /> + </div> + </div> + ); +} |
