stats and other tings

client/src/components/instance.constructs.jsx

@@ -183,7 +183,15 @@ function Construct(props) {
 
     const stats = Object.keys(STATS).map(s => {
         const stat = STATS[s];
-        return <figure key={stat.stat} alt={stat.stat} className={stat.stat}>
+
+        const info = (s === 'Speed' && 'Speed')
+            || (s.includes('Power') && 'Power')
+            || (s.includes('Life') && 'Life');
+
+        return <figure key={stat.stat}
+            alt={stat.stat}
+            className={stat.stat}
+            onMouseOver={e => hoverInfo(e, info)} >
             {shapes[s]()}
             <figcaption>{construct[stat.stat].value}</figcaption>
         </figure>;
@@ -203,18 +211,7 @@ function Construct(props) {
                 {specs}
             </div>
             <div className="stats">
-                <div className="damage-label label">
-                    Power
-                </div>
-                <div className="speed-label label">
-                    Speed
-                </div>
-                <div className="life-label label">
-                    Life
-                </div>
-                <div className="icons">
-                    {stats}
-                </div>
+                {stats}
             </div>
         </div>
     );

client/src/components/main.jsx

@@ -35,8 +35,6 @@ function Main(props) {
         return <Instance />;
     }
 
-    console.warn('nav', nav, instance, game)
-
     if (nav === 'team') return <Team />;
     if (nav === 'list') return <List />;