import { GameState } from "../types.js"

export const updateUI = (data: GameState) => {

    const player_display = document.getElementById("players")

    for (const id in data.players) {

        const player = data.players[id]
        
        if (!player) {
            continue
        }

        let name = player.name

        if (!name) {
            continue
        }

        let element_id = 'span' + id 
        let element = player_display.children[element_id]

        if (!element) {
            let span = document.createElement("span")
            span.textContent = `[${id}] ${name}`
            span.id = element_id
            player_display.appendChild(span)
        }
    }

}