combat phase components

WORKLOG.md

@@ -10,8 +10,6 @@
 
 * can't reset password without knowing password =\
 
-* Display skill colours during combat
-
 ## SOON (Before or After PAX)
 
 * bot game grind

client/assets/styles/game.less

@@ -187,6 +187,11 @@
     align-self: center;
     text-align: center;
     height: auto;
+    svg {
+        display: inline;
+        height: 1em;
+        margin-right: 0.1em
+    }
 }
 
 /* some stupid bug in chrome makes it fill the entire screen */

client/src/components/targeting.arrows.jsx

@@ -38,14 +38,14 @@ class TargetSvg extends Component {
             if (!animTarget) return false;
             const itemSource = itemInfo.combos.filter(c => c.item === removeTier(animTarget.skill));
             const itemSourceInfo = itemSource.length
-                ? `${itemSource[0].components[0]} ${itemSource[0].components[1]}`
+                ? `${itemSource[0].components[0]} ${itemSource[0].components[1]} ${itemSource[0].components[2]}`
                 : false;
             const itemRegEx = /(Red|Blue|Green)/;
             const itemSourceDescription = reactStringReplace(itemSourceInfo, itemRegEx, match => shapes[match]());
             return (
-                <div>
-                    <h1 class="resolving-skill">{animTarget.skill}</h1>
-                    <div class="resolving-skill"> {itemSourceDescription} </div>
+                <div class="resolving-skill">
+                    <h1>{animTarget.skill}</h1>
+                    <div> {itemSourceDescription} </div>
                 </div>
             );
         }