\n {/* Header */}\n

Point Log

\n {getTeamNames('team1')} vs {getTeamNames('team2')}\n

\n \n ✕\n \n

\n\n {/* Current Score */}\n

Team 1

{game.team1.score}

{getTeamNames('team1')}

Team 2

{game.team2.score}

{getTeamNames('team2')}

\n \n

Current Server

\n {game.currentServer === 'team1' ? getTeamNames('team1') : getTeamNames('team2')} \n (Server #{game.serverNumber})\n

\n\n {/* Point History */}\n

\n {game.pointHistory.length === 0 ? (\n

🏓

No points recorded yet

Points will appear here as the game progresses

\n ) : (\n

\n {game.pointHistory.map((point, index) => (\n \n

\n {getPointTypeIcon(point.pointType)}\n

\n \n

\n \n Point #{index + 1}\n \n \n {point.pointType}\n \n

\n \n

\n \n {point.scoringTeam === 'team1' ? getTeamNames('team1') : getTeamNames('team2')}\n \n {' scored • '}\n \n {point.serverTeam === 'team1' ? getTeamNames('team1') : getTeamNames('team2')} serving\n \n {' • Server #'}{point.serverNumber}\n

\n \n {point.description && (\n

\n \"{point.description}\"\n

\n )}\n

\n \n

\n {point.team1Score} - {point.team2Score}\n

\n {formatTime(point.timestamp)}\n

\n ))}\n

\n )}\n

\n\n {/* Footer */}\n

\n Total Points: {game.pointHistory.length}\n

\n \n Close\n \n

\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/max123/screen/code/frontend/components/PointLogModal.tsx","extension","actionData","errors"]