X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=empathy%2Fempathy.jsx;h=20612e35336576b229c4a8f9fccc7e7bd1179e97;hp=82bb5ff681989470aa2a78e10d9f7eedc5f42d51;hb=351aafa7ed0e7839d9308d9e2302852eb0688b6a;hpb=9e08b1b85cc467336129e22bc0ece6dfe74d204e diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx index 82bb5ff..20612e3 100644 --- a/empathy/empathy.jsx +++ b/empathy/empathy.jsx @@ -45,6 +45,12 @@ events.addEventListener("player-enter", event => { window.game.set_other_player_info(info); }); +events.addEventListener("player-exit", event => { + const info = JSON.parse(event.data); + + window.game.remove_player(info); +}); + events.addEventListener("player-update", event => { const info = JSON.parse(event.data); @@ -205,20 +211,23 @@ const PlayerInfo = React.memo(props => { if (! props.player.id) return null; - const sorted_players = [props.player, ...props.other_players].sort((a,b) => { + const all_players = [props.player, ...props.other_players]; + + const sorted_players = all_players.sort((a,b) => { return b.score - a.score; }); + const names_and_scores = sorted_players.map(player => { + if (player.score) + return `${player.name} (${player.score})`; + else + return player.name; + }).join(', '); + return (