Court {game.courtId.split('-').pop()}

{game.gameType} • {game.gameFormat}

\n setShowPointLog(true)}\n className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600\"\n >\n 📊 Log\n \n {canCompleteGame() && (\n setShowConfirmComplete(true)}\n className=\"px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600\"\n >\n 🏁 Complete\n \n )}\n

\n\n {/* Error Display */}\n {error && (\n

\n {error}\n \n

\n )}\n\n {/* Score Display */}\n

\n {/* Score Call */}\n

Score Call

{getScoreCall()}

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

\n\n {/* Teams and Scores */}\n

\n {/* Team 1 */}\n

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

\n {game.currentServer === 'team1' && (\n 🏓\n )}\n

\n \n

\n {game.team1.score}\n

\n \n {isGamePoint('team1') && (\n

GAME POINT!

\n )}\n \n

\n handleAddPoint('team1')}\n disabled={loading || game.isComplete}\n className=\"w-full px-6 py-4 bg-green-500 text-white rounded-lg hover:bg-green-600 disabled:opacity-50 font-medium text-lg\"\n >\n {loading ? 'Adding...' : '+ Point'}\n \n \n

\n {\n setSelectedPointType('winner');\n handleAddPoint('team1');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-blue-500 text-white rounded text-sm hover:bg-blue-600 disabled:opacity-50\"\n >\n Winner\n \n {\n setSelectedPointType('error');\n handleAddPoint('team1');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-orange-500 text-white rounded text-sm hover:bg-orange-600 disabled:opacity-50\"\n >\n Error\n \n {\n setSelectedPointType('fault');\n handleAddPoint('team1');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-red-500 text-white rounded text-sm hover:bg-red-600 disabled:opacity-50\"\n >\n Fault\n \n

\n\n {/* Team 2 */}\n

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

\n {game.currentServer === 'team2' && (\n 🏓\n )}\n

\n \n

\n {game.team2.score}\n

\n \n {isGamePoint('team2') && (\n

GAME POINT!

\n )}\n \n

\n handleAddPoint('team2')}\n disabled={loading || game.isComplete}\n className=\"w-full px-6 py-4 bg-green-500 text-white rounded-lg hover:bg-green-600 disabled:opacity-50 font-medium text-lg\"\n >\n {loading ? 'Adding...' : '+ Point'}\n \n \n

\n {\n setSelectedPointType('winner');\n handleAddPoint('team2');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-blue-500 text-white rounded text-sm hover:bg-blue-600 disabled:opacity-50\"\n >\n Winner\n \n {\n setSelectedPointType('error');\n handleAddPoint('team2');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-orange-500 text-white rounded text-sm hover:bg-orange-600 disabled:opacity-50\"\n >\n Error\n \n {\n setSelectedPointType('fault');\n handleAddPoint('team2');\n }}\n disabled={loading || game.isComplete}\n className=\"px-3 py-2 bg-red-500 text-white rounded text-sm hover:bg-red-600 disabled:opacity-50\"\n >\n Fault\n \n

\n\n {/* Point Description */}\n

\n \n Point Description (Optional)\n \n setPointDescription(e.target.value)}\n placeholder=\"e.g., Cross-court winner, Net fault, etc.\"\n className=\"w-full p-3 border border-gray-300 rounded-md\"\n disabled={loading || game.isComplete}\n />\n

\n\n {/* Game Status */}\n {game.isComplete && (\n

Game Complete!

Winner: {game.team1.score > game.team2.score ? getTeamNames('team1') : getTeamNames('team2')}

Final Score: {game.team1.score} - {game.team2.score}

\n )}\n

\n\n {/* Point Log Modal */}\n {showPointLog && (\n setShowPointLog(false)}\n />\n )}\n\n {/* Complete Game Confirmation */}\n {showConfirmComplete && (\n

Complete Game?

\n Are you sure you want to complete this game? This action cannot be undone.\n

\n setShowConfirmComplete(false)}\n className=\"flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded hover:bg-gray-50\"\n >\n Cancel\n \n {\n await onCompleteGame(game.id);\n setShowConfirmComplete(false);\n }}\n className=\"flex-1 px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600\"\n >\n Complete Game\n \n

\n )}\n

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