From 6d37bdd6b2f5272cacaace60cfd14e0847b0096a Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 11 Aug 2024 20:48:01 +0900
Subject: feat(frontend): obtain `problem` from `Game` object instead of
 `prepare` message's  payload

---
 frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx')

diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
index fdf0e0c..31927a5 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -1,7 +1,8 @@
 import React, { useRef } from "react";
 
 type Props = {
-	problem: string;
+	problemTitle: string;
+	problemDescription: string;
 	onCodeChange: (code: string) => void;
 	onCodeSubmit: (code: string) => void;
 	currentScore: number | null;
@@ -9,7 +10,8 @@ type Props = {
 };
 
 export default function GolfPlayAppGaming({
-	problem,
+	problemTitle,
+	problemDescription,
 	onCodeChange,
 	onCodeSubmit,
 	currentScore,
@@ -32,8 +34,8 @@ export default function GolfPlayAppGaming({
 			<div className="mx-auto flex min-h-full flex-grow">
 				<div className="flex w-1/2 flex-col justify-between p-4">
 					<div>
-						<div className="mb-2 text-xl font-bold">TODO</div>
-						<div className="text-gray-700">{problem}</div>
+						<div className="mb-2 text-xl font-bold">{problemTitle}</div>
+						<div className="text-gray-700">{problemDescription}</div>
 					</div>
 					<div className="mb-4 mt-auto">
 						<div className="mb-2">
-- 
cgit v1.2.3-70-g09d2

