wip

client/src/components/game.component.jsx

@@ -54,7 +54,7 @@ function GamePanel(props) {
     const header = (
         <div className="top">
             <button
-                className="game-btn instance-btn instance-ui-btn right"
+                className="instance-btn instance-ui-btn right"
                 onClick={() => sendGameReady()}>
                 Ready
             </button>
@@ -137,12 +137,17 @@ function GamePanel(props) {
                 <div className="effects">
                     {effects}
                 </div>
-                <figure
-                    className="img"
-                    onClick={() => selectSkillTarget(cryp.id)} >
-                    {crypAvatar(cryp.name)}
-                    {combatTextEl}
-                </figure>
+                <div className="avatar">
+                    <div className="targeting">
+                        <div>></div>
+                    </div>
+                    <figure
+                        className="img"
+                        onClick={() => selectSkillTarget(cryp.id)} >
+                        {crypAvatar(cryp.name)}
+                        {combatTextEl}
+                    </figure>
+                </div>
             </div>
         );
     }

client/src/components/game.cryp.jsx

@@ -78,12 +78,17 @@ function GameCryp(props) {
             <div className="skills">
                 {skills}
             </div>
-            <figure
-                className="img"
-                onClick={() => selectSkillTarget(cryp.id)} >
-                {crypAvatar(cryp.name)}
-                {combatTextEl}
-            </figure>
+            <div className="avatar">
+                <div className="targeting">
+                    <div>></div>
+                </div>
+                <figure
+                    className="img"
+                    onClick={() => selectSkillTarget(cryp.id)} >
+                    {crypAvatar(cryp.name)}
+                    {combatTextEl}
+                </figure>
+            </div>
             <div className="effects">
                 {effects}
             </div>

client/src/components/menu.component.jsx

@@ -147,7 +147,6 @@ function Menu(args) {
     return (
         <section className="menu">
             {instanceList()}
-            {crypList()}
         </section>
     );
 }

client/src/socket.jsx

@@ -312,7 +312,7 @@ function createSocket(events) {
                 sendAccountCryps();
             }
 
-            // sendPing();
+            sendPing();
 
             return true;
         });