sort cryp names

client/.eslintrc.js

@@ -4,11 +4,17 @@ module.exports = {
        'plugin:react/recommended',
     ],
     env: {
-        "browser": true,
+        browser: true,
-        "node": true
+        node: true
     },
     parserOptions: {
-       "ecmaVersion": 6
+       ecmaVersion: 6
+    },
+    settings: {
+        react: {
+            pragma: "preact",
+            version: "15.0",
+        }
     },
     rules: {
         // prevents stupid complaints a la

client/package.json

@@ -17,6 +17,7 @@
     "jdenticon": "^2.1.0",
     "key": "^0.1.11",
     "keymaster": "^1.6.2",
+    "lodash": "^4.17.11",
     "preact": "^8.3.1",
     "preact-redux": "^2.0.3",
     "redux": "^4.0.0"

client/src/components/cryp.list.jsx

@@ -1,9 +1,11 @@
-// eslint-disable-next-line
 const preact = require('preact');
 
+const { stringSort } = require('./../utils');
+const nameSort = stringSort('name');
+
 function CrypList({ cryps, activeItem, sendCombatPve, sendItemUse }) {
     if (!cryps) return <div>not ready</div>;
-    const crypPanels = cryps.map(cryp => (
+    const crypPanels = cryps.sort(nameSort).map(cryp => (
 
         <div key={cryp.id}
             className="tile is-vertical box"

client/src/components/cryp.spawn.button.jsx

@@ -1,4 +1,3 @@
-// eslint-disable-next-line
 const preact = require('preact');
 
 function renderSpawnButton({ account, sendCrypSpawn }) {

client/src/keyboard.jsx

@@ -1,9 +1,6 @@
 const key = require('keymaster');
-const { connect } = require('preact-redux');
 const actions = require('./actions');
 
-console.log(key);
-
 function setupKeys(store) {
     store.subscribe(function mapKeys() {
         const state = store.getState();

client/src/utils.jsx

@@ -0,0 +1,20 @@
+const get = require('lodash/get');
+
+const stringSort = (k, desc) => {
+    if (desc) {
+        return (a, b) => {
+            if (!get(a, k)) return 1;
+            if (!get(b, k)) return -1;
+            return get(b, k).localeCompare(get(a, k));
+        };
+    }
+    return (a, b) => {
+        if (!get(a, k)) return 1;
+        if (!get(b, k)) return -1;
+        return get(a, k).localeCompare(get(b, k));
+    };
+};
+
+module.exports = {
+    stringSort,
+}