Navigation with Keyboard events

package.json

@@ -18,5 +18,8 @@
     "build": "npm run build-css && react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
+  },
+  "devDependencies": {
+    "lodash": "^4.17.5"
   }
 }

src/App.js

@@ -3,6 +3,7 @@ import Header from './components/Header';
 import ScreenDashboard from './components/ScreenDashboard';
 import ScreenCommunity from './components/ScreenCommunity';
 import ScreenNext from './components/ScreenNext';
+import navigation from './client/io-keyboard-events.js';
 import './client/io-init.js';
 import './assets/themes/neon_moon.css';
 
@@ -13,6 +14,10 @@ class App extends Component {
     this.state = {first: true};
   }
 
+  componentDidMount() {
+    console.log("moutned")
+    navigation.navigationInit();
+  }
 
   render() {
     const first = this.state.first;

src/assets/themes/neon_moon.css

@@ -169,12 +169,12 @@ ul.console-list {
 /*
  * Animation 
  */
-.selectedNav {
+.nav-selected {
   -moz-animation: outlineAnimation 0.9s infinite;
   -webkit-animation: outlineAnimation 0.9s infinite;
   animation: outlineAnimation 0.9s infinite; }
 
-.selectedNav.muted {
+.nav-selected.muted {
   -moz-animation: none;
   -webkit-animation: none;
   animation: none;

src/assets/themes/neon_moon.scss

@@ -231,13 +231,13 @@ ul.console-list {
  */
 
 
-.selectedNav {
+.nav-selected {
     -moz-animation: outlineAnimation 0.9s infinite;
     -webkit-animation: outlineAnimation 0.9s infinite;
 	animation: outlineAnimation 0.9s infinite;
 }
 
-.selectedNav.muted {
+.nav-selected.muted {
     -moz-animation: none;
     -webkit-animation:none;
     animation: none;

src/client/io-init.js

@@ -1,7 +1,8 @@
 let navigationBindings = require("./io-keyboard-events");
 
-    /* Bind local Navigation
-    -------------------------------------------------- */
-    navigationBindings
-        .navigationEventListeners
-        .bindEventNavigation();
+/*
+ * Bind Navigation Events
+ */
+navigationBindings
+    .navigationEventListeners
+    .bindEventNavigation();