diff --git a/src/dashboard/example/components/ScoreboardPanel.vue b/src/dashboard/example/components/ScoreboardPanel.vue index dff0135..aacaedb 100644 --- a/src/dashboard/example/components/ScoreboardPanel.vue +++ b/src/dashboard/example/components/ScoreboardPanel.vue @@ -187,18 +187,28 @@ const applyRightPlayerData = (playerId: string) => { rightCountryInput.value = getCountryLabel(scoreboardStore.scoreboard.rightCountryOverride); }; -const onLeftSelect = () => { +const onLeftSelect = (playerId: string) => { + const hasExistingPlayer = Boolean(playerId && playersStore.players[playerId]); + if (!hasExistingPlayer) { + return; + } + scoreboardStore.scoreboard.leftNameOverride = ''; leftFilter.value = ''; - leftInput.value = getPlayerLabel(scoreboardStore.scoreboard.leftPlayerId); - applyLeftPlayerData(scoreboardStore.scoreboard.leftPlayerId); + leftInput.value = getPlayerLabel(playerId); + applyLeftPlayerData(playerId); }; -const onRightSelect = () => { +const onRightSelect = (playerId: string) => { + const hasExistingPlayer = Boolean(playerId && playersStore.players[playerId]); + if (!hasExistingPlayer) { + return; + } + scoreboardStore.scoreboard.rightNameOverride = ''; rightFilter.value = ''; - rightInput.value = getPlayerLabel(scoreboardStore.scoreboard.rightPlayerId); - applyRightPlayerData(scoreboardStore.scoreboard.rightPlayerId); + rightInput.value = getPlayerLabel(playerId); + applyRightPlayerData(playerId); }; const createPlayerId = (name: string) => {