account and player img

client/src/components/player.box.jsx

@@ -26,30 +26,29 @@ function Scoreboard(args) {
     };
     */
 
+    const imgStyle = player.img
+        ? { 'background-image': `url(/imgs/${player.img}.svg)` }
+        : null;
+
     if (!isPlayer) {
         return (
             <div class={`player-box top ${player.ready ? 'ready' : ''}`}>
                 <div></div>
                 <div class="score">{scoreText()}</div>
                 <div class="name">{player.name}</div>
-                <div class="img avatar"
-                    id='a9edadda-2b44-4270-b9a7-d7bf30ae35a7'
-                    style={{ 'background-image': `url(/imgs/c170c913-7bd1-4196-97d0-97f404cfbbe9.svg)` }}>
-                </div>
-                <div class="msg">glhf</div>
+                <div class="img avatar" id={player.img} style={imgStyle}></div>
+                <div class="msg">&nbsp;</div>
             </div>
         );
     }
 
+
     return (
         <div class={`player-box bottom ${player.ready ? 'ready' : ''}`}>
             <div class="msg">hfhf</div>
             <div class="score">{scoreText()}</div>
             <div class="name">{player.name}</div>
-            <div class="img avatar"
-                id='a9edadda-2b44-4270-b9a7-d7bf30ae35a7'
-                style={{ 'background-image': `url(/imgs/a9edadda-2b44-4270-b9a7-d7bf30ae35a7.svg)` }}>
-            </div>
+            <div class="img avatar" id={player.img} style={imgStyle}></div>
         </div>
     );
 }