aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx')
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx52
1 files changed, 26 insertions, 26 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
index c7db3a7..48c3ab2 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
@@ -2,34 +2,34 @@ import type { PlayerProfile } from "../../types/PlayerProfile";
import PlayerNameAndIcon from "../PlayerNameAndIcon";
type Props = {
- gameDisplayName: string;
- playerProfileA: PlayerProfile | null;
- playerProfileB: PlayerProfile | null;
+ gameDisplayName: string;
+ playerProfileA: PlayerProfile | null;
+ playerProfileB: PlayerProfile | null;
};
export default function GolfWatchAppWaiting1v1({
- gameDisplayName,
- playerProfileA,
- playerProfileB,
+ 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-brand-600 p-10">
- <div className="text-4xl">{gameDisplayName}</div>
- </div>
- <div className="grow grid grid-cols-3 gap-10 mx-auto text-black">
- {playerProfileA ? (
- <PlayerNameAndIcon profile={playerProfileA} />
- ) : (
- <div></div>
- )}
- <div className="text-8xl my-auto">vs.</div>
- {playerProfileB ? (
- <PlayerNameAndIcon profile={playerProfileB} />
- ) : (
- <div></div>
- )}
- </div>
- </div>
- );
+ return (
+ <div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center">
+ <div className="text-white bg-brand-600 p-10">
+ <div className="text-4xl">{gameDisplayName}</div>
+ </div>
+ <div className="grow grid grid-cols-3 gap-10 mx-auto text-black">
+ {playerProfileA ? (
+ <PlayerNameAndIcon profile={playerProfileA} />
+ ) : (
+ <div></div>
+ )}
+ <div className="text-8xl my-auto">vs.</div>
+ {playerProfileB ? (
+ <PlayerNameAndIcon profile={playerProfileB} />
+ ) : (
+ <div></div>
+ )}
+ </div>
+ </div>
+ );
}