From 7d387bf868e2470e8010b5f8d1563da56b5a8b3d Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Thu, 20 Mar 2025 20:58:39 +0900
Subject: refactor(frontend): TwoColumnLayout/ThreeColumnLayout

---
 frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 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 69da5d9..b1b6f80 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -1,7 +1,6 @@
 import { useAtomValue } from "jotai";
 import React, { useRef, useState } from "react";
 import { Link } from "react-router";
-import SubmitButton from "../../components/SubmitButton";
 import {
 	gamingLeftTimeSecondsAtom,
 	scoreAtom,
@@ -11,7 +10,9 @@ import type { PlayerProfile } from "../../types/PlayerProfile";
 import BorderedContainer from "../BorderedContainer";
 import LeftTime from "../Gaming/LeftTime";
 import Problem from "../Gaming/Problem";
+import SubmitButton from "../SubmitButton";
 import SubmitStatusLabel from "../SubmitStatusLabel";
+import ThreeColumnLayout from "../ThreeColumnLayout";
 import UserIcon from "../UserIcon";
 
 function calcCodeSize(code: string): number {
@@ -87,7 +88,7 @@ export default function GolfPlayAppGaming({
 					</div>
 				</Link>
 			</div>
-			<div className="grow grid grid-cols-3 divide-x divide-gray-300">
+			<ThreeColumnLayout>
 				<Problem
 					title={problemTitle}
 					description={problemDescription}
@@ -142,7 +143,7 @@ export default function GolfPlayAppGaming({
 						過去の提出結果を閲覧する機能は現在実装中です。それまでは提出コードをお手元に保管しておいてください。
 					</p>
 				</div>
-			</div>
+			</ThreeColumnLayout>
 		</div>
 	);
 }
-- 
cgit v1.2.3-70-g09d2

