cryp names are back

client/src/components/game.component.jsx

@@ -144,15 +144,10 @@ function GamePanel(props) {
                 className={`game-cryp ${ko} ${classes}`}
                 style={ activeSkill ? { cursor: 'pointer' } : {}}
                 onClick={() => selectSkillTarget(cryp.id)} >
-                <div className="stats">
-                    {stats}
-                </div>
-                <div className="effects">
-                    {effects}
-                </div>
-                <div className="targeting">
-                    {targeting}
-                </div>
+                <div className="stats">{stats}</div>
+                <h3 className="name" >{cryp.name}</h3>
+                <div className="effects">{effects}</div>
+                <div className="targeting">{targeting}</div>
                 <figure
                     className="img"
                     onClick={() => selectSkillTarget(cryp.id)} >

client/src/components/game.cryp.jsx

@@ -86,6 +86,9 @@ function GameCryp(props) {
         <div
             style={ activeSkill ? { cursor: 'pointer' } : {}}
             className={`game-cryp ${ko} ${classes}`} >
+            <h3 className="name">
+                {cryp.name}
+            </h3>
             <div className="skills">
                 {skills}
             </div>