Merge remote-tracking branch 'origin/master'

client/src/components/game.component.jsx

@@ -1,4 +1,5 @@
 const preact = require('preact');
+const { STATS, eventClasses, getCombatText, ConstructAvatar } = require('../utils');
 // const { animationDivs } = require('../animations');
 const GameConstruct = require('./game.construct');
 

client/src/components/game.construct.jsx

@@ -3,7 +3,7 @@ const preact = require('preact');
 const range = require('lodash/range');
 
 const actions = require('../actions');
-const { STATS, eventClasses, getCombatText, constructAvatar, constructHealth } = require('../utils');
+const { STATS, eventClasses, getCombatText, ConstructAvatar, constructHealth } = require('../utils');
 const { animationDivs } = require('../animations');
 const shapes = require('./shapes');
 
@@ -106,7 +106,7 @@ function GameConstruct(props) {
             <figure
                 className="img"
                 onClick={() => selectSkillTarget(construct.id)} >
-                {constructAvatar(construct.name, construct.id)}
+                <ConstructAvatar name={construct.name} id={construct.id} />
                 {combatTextEl}
             </figure>
             <div className="effects"> {effects} </div>

client/src/components/list.jsx

@@ -1,7 +1,7 @@
 const { connect } = require('preact-redux');
 const preact = require('preact');
 
-const { stringSort, NULL_UUID, COLOURS, constructAvatar } = require('./../utils');
+const { stringSort, NULL_UUID, COLOURS, ConstructAvatar } = require('./../utils');
 const actions = require('./../actions');
 const InstanceCreateForm = require('./instance.create.form');
 
@@ -118,7 +118,7 @@ function List(args) {
             <div
                 key={construct.id}
                 className="menu-construct" >
-                {constructAvatar(construct.name, construct.id)}
+                <ConstructAvatar name={construct.name} id={construct.id} />
                 <h2>{construct.name}</h2>
             </div>
         );

client/src/components/login.component.jsx

@@ -14,13 +14,13 @@ function renderLogin({ submitLogin, submitRegister }) {
                     className="login-input"
                     type="email"
                     placeholder="username"
-                    onChange={e => (details.name = e.target.value)}
+                    onInput={e => (details.name = e.target.value)}
                 />
                 <input
                     className="login-input"
                     type="password"
                     placeholder="password"
-                    onChange={e => (details.password = e.target.value)}
+                    onInput={e => (details.password = e.target.value)}
                 />
                 <button
                     className="login-btn"

client/src/components/team.jsx

@@ -4,7 +4,7 @@ const range = require('lodash/range');
 
 const actions = require('./../actions');
 const { COLOURS } = require('./../utils');
-const { stringSort, constructAvatar } = require('./../utils');
+const { stringSort, ConstructAvatar } = require('./../utils');
 const SpawnButton = require('./spawn.button');
 
 const idSort = stringSort('id');
@@ -86,7 +86,7 @@ function Team(args) {
                 className="menu-construct"
                 style={ { 'border-color': borderColour || 'whitesmoke' } }
                 onClick={() => selectConstruct(construct.id)} >
-                {constructAvatar(construct.name, construct.id)}
+                <ConstructAvatar name={construct.name} id={construct.id} />
                 <h2>{construct.name}</h2>
             </div>
         );