instance wip

client/src/components/instance.cryps.jsx

@@ -154,12 +154,8 @@ function Cryp(props) {
     // const border = { border: `${thickness(cTotal)}px solid rgba(${colours.red}, ${colours.green}, ${colours.blue}, ${alpha})` };
     return (
         <div key={cryp.id} className="instance-cryp" onClick={onClick} >
-            <div className="avatar">
-                <figure className="img">
-                    {crypAvatar(cryp.name)}
-                    <figcaption>{cryp.name}</figcaption>
-                </figure>
-            </div>
+            {crypAvatar(cryp.name)}
+            <div className="name" >{cryp.name}</div>
             <div className="skills">
                 {skills}
             </div>

client/src/components/nav.jsx

@@ -35,7 +35,6 @@ function Nav(args) {
         <nav>
             <h2>Instances</h2>
             <button>list</button>
-            <button>create</button>
             <hr />
             {joined}
         </nav>

client/src/socket.jsx

@@ -1,7 +1,7 @@
 const toast = require('izitoast');
 const cbor = require('borc');
 
-// const testGame = require('./test.game');
+const testGame = require('./test.game');
 
 const SOCKET_URL = process.env.NODE_ENV === 'production' ? 'wss://cryps.gg/ws' : 'ws://localhost:40000';