diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx | 32 |
1 files changed, 29 insertions, 3 deletions
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx index c9f9256..ba868ab 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx @@ -8,10 +8,10 @@ import { statusAtom, } from "../../states/play"; import type { PlayerProfile } from "../../types/PlayerProfile"; +import BorderedContainer from "../BorderedContainer"; import LeftTime from "../Gaming/LeftTime"; import Problem from "../Gaming/Problem"; -import SubmitResult from "../Gaming/SubmitResult"; -import BorderedContainer from "../BorderedContainer"; +import SubmitStatusLabel from "../SubmitStatusLabel"; import UserIcon from "../UserIcon"; function calcCodeSize(code: string): number { @@ -112,7 +112,33 @@ export default function GolfPlayAppGaming({ </div> <div className="p-4 flex flex-col gap-4"> <div className="text-center text-xl font-bold">提出結果</div> - <SubmitResult status={status} /> + <div className="overflow-hidden border-2 border-blue-600 rounded-xl"> + <table className="min-w-full divide-y divide-gray-400 border-collapse"> + <thead className="bg-gray-50"> + <tr> + <th + scope="col" + className="px-6 py-3 text-left font-medium text-gray-800" + > + ステータス + </th> + </tr> + </thead> + <tbody className="bg-white divide-y divide-gray-300"> + {[status].map((status) => ( + <tr key={99999}> + <td className="px-6 py-4 whitespace-nowrap text-gray-900"> + <SubmitStatusLabel status={status} /> + </td> + </tr> + ))} + </tbody> + </table> + </div> + <p> + NOTE: + 過去の提出結果を閲覧する機能は現在実装中です。それまでは提出コードをお手元に保管しておいてください。 + </p> </div> </div> </div> |