From c889a9ad33374eae03cec5b0358d79016d6fd97e Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sat, 8 Mar 2025 10:32:05 +0900
Subject: show ranking

---
 .../GolfWatchApps/GolfWatchAppWaiting1v1.tsx       | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx

(limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx')

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>
+	);
+}
-- 
cgit v1.2.3-70-g09d2