From d73fd8bf5bf589a4a391c867e980761fadb647ce Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 29 Jul 2024 03:44:10 +0900
Subject: feat: partially implement watching

---
 .../GolfWatchApps/GolfWatchAppConnecting.tsx       |  3 ++
 .../GolfWatchApps/GolfWatchAppFinished.tsx         |  3 ++
 .../GolfWatchApps/GolfWatchAppGaming.tsx           | 39 ++++++++++++++++++++++
 .../GolfWatchApps/GolfWatchAppStarting.tsx         |  7 ++++
 .../GolfWatchApps/GolfWatchAppWaiting.tsx          |  3 ++
 5 files changed, 55 insertions(+)
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
 create mode 100644 frontend/app/components/GolfWatchApps/GolfWatchAppWaiting.tsx

(limited to 'frontend/app/components/GolfWatchApps')

diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx
new file mode 100644
index 0000000..07e359f
--- /dev/null
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx
@@ -0,0 +1,3 @@
+export default function GolfWatchAppConnecting() {
+  return <div>Connecting...</div>;
+}
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx
new file mode 100644
index 0000000..330d1a6
--- /dev/null
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx
@@ -0,0 +1,3 @@
+export default function GolfWatchAppFinished() {
+  return <div>Finished</div>;
+}
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx
new file mode 100644
index 0000000..d58a04f
--- /dev/null
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx
@@ -0,0 +1,39 @@
+export default function GolfWatchAppGaming({
+  problem,
+  codeA,
+  scoreA,
+  codeB,
+  scoreB,
+}: {
+  problem: string;
+  codeA: string;
+  scoreA: number | null;
+  codeB: string;
+  scoreB: number | null;
+}) {
+  return (
+    <div style={{ display: "flex", flexDirection: "column" }}>
+      <div style={{ display: "flex", flex: 1, justifyContent: "center" }}>
+        <div>{problem}</div>
+      </div>
+      <div style={{ display: "flex", flex: 3 }}>
+        <div style={{ display: "flex", flex: 3, flexDirection: "column" }}>
+          <div style={{ flex: 1, justifyContent: "center" }}>{scoreA}</div>
+          <div style={{ flex: 3 }}>
+            <pre>
+              <code>{codeA}</code>
+            </pre>
+          </div>
+        </div>
+        <div style={{ display: "flex", flex: 3, flexDirection: "column" }}>
+          <div style={{ flex: 1, justifyContent: "center" }}>{scoreB}</div>
+          <div style={{ flex: 3 }}>
+            <pre>
+              <code>{codeB}</code>
+            </pre>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
new file mode 100644
index 0000000..643af93
--- /dev/null
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
@@ -0,0 +1,7 @@
+export default function GolfWatchAppStarting({
+  timeLeft,
+}: {
+  timeLeft: number;
+}) {
+  return <div>Starting... ({timeLeft} s)</div>;
+}
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting.tsx
new file mode 100644
index 0000000..6733b3b
--- /dev/null
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting.tsx
@@ -0,0 +1,3 @@
+export default function GolfWatchAppWaiting() {
+  return <div>Waiting...</div>;
+}
-- 
cgit v1.2.3-70-g09d2