Add app version to footer

Author: danielbarion

src/components/footer-nav/component.js …c/components/app-footer-nav/component.jssrc/components/footer-nav/component.js renamed to src/components/app-footer-nav/component.js src/components/footer-nav/component.js renamed to src/components/app-footer-nav/component.js

@@ -5,7 +5,7 @@ import {
   Keyboard
 } from '@material-ui/icons'
 
-class footerNav extends Component {
+class appFooterNav extends Component {
 	constructor(props) {
 		super(props)
 			this.state = {
@@ -91,4 +91,4 @@ class footerNav extends Component {
 	}
 }
 
-export default footerNav
+export default appFooterNav

src/components/footer-nav/style.css src/components/app-footer-nav/style.csssrc/components/footer-nav/style.css renamed to src/components/app-footer-nav/style.css

@@ -0,0 +1,25 @@
+import React, { Component } from 'react'
+import './style.styl'
+
+class appVersion extends Component {
+	constructor(props) {
+		super(props)
+			this.state = {
+				version: require('../../../package.json').version || '0.0.0'
+			}
+	}
+
+	/**
+	* React Render
+	*/
+	render() {
+
+		return (
+			<div className='version'>
+				{this.state.version}
+			</div>
+		)
+	}
+}
+
+export default appVersion

src/components/app-version/component.js

@@ -0,0 +1,7 @@
+.version
+	position absolute
+	left 2rem
+	bottom 1.6rem
+	color white
+	font-size 12.5px
+	font-family monospace

src/components/app-version/style.styl

@@ -1,12 +1,14 @@
-import React, { Component } from 'react';
-import Audio from '../audio/component';
-import FooterNav from '../footer-nav/component';
+import React, { Component } from 'react'
+import Audio from '../audio/component'
+import AppFooterNav from '../app-footer-nav/component'
+import AppVersion from '../app-version/component'
 
 class App extends Component {
   render() {
     return [
       <Audio key='audio-component' />,
-      <FooterNav key='footer-nav' />
+      <AppFooterNav key='app-footer-nav' />,
+      <AppVersion key='app-version' />
     ]
   }
 }