show ranking

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>
+	);
+}