perseids standard header and footer

Author: zfletch

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lsj-js",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "homepage": "https://perseids-project.github.io/lsj-js/",
   "dependencies": {
@@ -36,6 +36,7 @@
     "jest-dom": "^1.11.0",
     "localforage": "^1.7.2",
     "object-assign": "4.1.1",
+    "perseids-react-components": "^0.0.2",
     "postcss-flexbugs-fixes": "3.2.0",
     "postcss-loader": "2.0.8",
     "promise": "8.0.1",

src/App.js

@@ -1,19 +1,21 @@
 import React from 'react';
 import { BrowserRouter as Router, Route } from 'react-router-dom';
+import { PerseidsHeader, PerseidsFooter } from 'perseids-react-components';
+
+import 'perseids-react-components/build/css/index.css';
 
 import AsyncLookup from './AsyncLookup';
-import Footer from './Footer';
 
 const App = () => (
   <React.Fragment>
+    <PerseidsHeader>
+      LSJ Lexicon
+    </PerseidsHeader>
     <div className="container text-center">
       <header>
         <h1 className="h3 pt-4 mb-1 font-weight-normal">
-          Liddell-Scott-Jones Greek-English Lexicon (beta)
+          Liddell-Scott-Jones Greek-English Lexicon
         </h1>
-        <h5 className="h5 mb-3 font-weight-normal">
-          Type a word with Greek or Latin characters below
-        </h5>
       </header>
       <main>
         <div className="mb-4">
@@ -23,9 +25,10 @@ const App = () => (
         </div>
       </main>
     </div>
-    <footer>
-      <Footer />
-    </footer>
+    <PerseidsFooter
+      github="https://github.com/perseids-project/lsj-js"
+      report="https://github.com/perseids-project/lsj-js/issues"
+    />
   </React.Fragment>
 );
 

src/App.test.js

@@ -11,7 +11,7 @@ it('renders without crashing', () => {
 it('renders title', () => {
   const { getByText } = render(<App />);
 
-  expect(getByText('Liddell-Scott-Jones Greek-English Lexicon (beta)')).toBeInTheDocument();
+  expect(getByText('Liddell-Scott-Jones Greek-English Lexicon')).toBeInTheDocument();
 });
 
 it('looks up a word', () => {

src/Footer.css

@@ -4974,6 +4974,13 @@ obuf@^1.0.0, obuf@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
 
+octicons@^8.1.3:
+  version "8.1.3"
+  resolved "https://registry.yarnpkg.com/octicons/-/octicons-8.1.3.tgz#a6780e4025b714be9629ac407bd8b06e6360b9ad"
+  integrity sha512-i4niyiKz5NF+I66XtvJRK+P5LeDcDKNksa/ch8+pAONK8ru1PopD4cXf2pMWraOZTqiRIaR4uDSUIkT35pb24w==
+  dependencies:
+    object-assign "^4.1.1"
+
 on-finished@~2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
@@ -5221,6 +5228,13 @@ performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
 
+perseids-react-components@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/perseids-react-components/-/perseids-react-components-0.0.2.tgz#3d718b519042efdc04d74ced36e08e65908419f0"
+  integrity sha512-IMQt3YcE5YnnG/gb5k6/d9o3ivT1nfYNaw6oyK9M8e7XOh5ABYY3qv7GfgXVNh7He7+JFCH6VCOgx+3XUgClAQ==
+  dependencies:
+    octicons "^8.1.3"
+
 pify@^2.0.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"