display copyright and version number at bottom of page

.gitignore

@@ -22,3 +22,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 /.project
+/src/autobuild_version.js

package.json

@@ -14,7 +14,7 @@
  },
  "scripts": {
  "start": "react-scripts start",
- "build": "react-scripts build",
+ "build": "genversion --es6 src/autobuild_version.js && react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "predeploy": "npm run build",
@@ -41,6 +41,7 @@
  "devDependencies": {
  "@testing-library/dom": "^7.30.3",
  "@testing-library/user-event": "^12.8.3",
+ "genversion": "^2.3.1",
  "gh-pages": "^3.1.0"
  }
 }

src/App.css

@@ -23,4 +23,12 @@ div.box {
  background-color: paleturquoise;
  border: 1px solid grey;
  padding: 0.5rem; 
-}
+}
+
+div.copyright {
+ text-align: center;
+ color: grey;
+ font-size: 0.7rem;
+ font-style: italic;
+ margin-top: 5rem;
+}

src/App.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import 'mvp.css'
 import './App.css'
 import _ from 'lodash'
+import { version as appVersion } from './autobuild_version'
 
 const divide = '\u00f7'
 
@@ -276,5 +277,8 @@ export default function App() {
  ? <MainView />
  : <Disclaimer callback={() => setDisclaimerAgreed(true)} />
  }
+ <div className="copyright">
+ Version {appVersion}. Copyright (c) Tim Robinson https://github.com/timrobinson33
+ </div>
  </>
 }