ZHAW/crypto_clash
1
0
Fork 0
mirror of https://github.com/averel10/crypto_clash.git synced 2026-03-12 19:08:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add player nickname feature to game registration

Browse Source
This commit is contained in:
smaubio
2025-11-28 15:04:53 +01:00
parent eb1fad1a80
commit a0791d599c
4 changed files with 135 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
crypto_clash_frontend/app/clash/Commit.tsx
View File

@@ -226,6 +226,27 @@ export default function Commit({
return (
<div className="border p-6 rounded-lg bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-700 dark:to-slate-800">
{/* Player Info */}
{gameDetails && (
<div className="mb-6 p-4 bg-white dark:bg-slate-600 rounded-lg">
<div className="flex justify-between items-center">
<div className="text-center flex-1">
<p className="text-xs text-slate-500 dark:text-slate-400 mb-1">You</p>
<p className="font-semibold text-slate-800 dark:text-slate-200">
{whoAmI === "player1" ? gameDetails.playerA.nickname : gameDetails.playerB.nickname}
</p>
</div>
<div className="text-2xl text-slate-400">VS</div>
<div className="text-center flex-1">
<p className="text-xs text-slate-500 dark:text-slate-400 mb-1">Opponent</p>
<p className="font-semibold text-slate-800 dark:text-slate-200">
{whoAmI === "player1" ? gameDetails.playerB.nickname || "Waiting..." : gameDetails.playerA.nickname}
</p>
</div>
</div>
</div>
)}
{/* Show timeout result after game is inactive */}
{isGameFinishedByTimeout ? (
<div className="flex flex-col items-center justify-center py-16">