adds dashboard version number (#200)

Author: ANISHA SWAIN

src/components/Footer/index.js

@@ -0,0 +1,13 @@
+import './index.less';
+import React from 'react';
+import packageJSON from '../../../package.json';
+
+export default function Footer() {
+  return (
+    <>
+      <div className="footer">
+        <em>Version: {packageJSON.version}</em>
+      </div>
+    </>
+  );
+}

src/components/Footer/index.less

@@ -0,0 +1,9 @@
+.footer {
+  font-size: 0.8rem;
+  width: -webkit-fill-available;
+  text-align: center;
+  padding: 0.5rem 0;
+  bottom: 0;
+  background-color: #cfe8ff;
+  color: black;
+}

src/layouts/BasicLayout.js

@@ -8,6 +8,7 @@ import { persistStore } from 'redux-persist';
 import memoizeOne from 'memoize-one';
 import GlobalHeader from '@/components/GlobalHeader';
 import { getDvaApp } from 'umi';
+import Footer from '@/components/Footer';
 import {
   Page,
   Bullseye,
@@ -173,11 +174,7 @@ class BasicLayout extends React.PureComponent {
                   </React.Fragment>
                 }
               >
-                <DescriptionList
-                  columnModifier={{
-                    default: '2Col',
-                  }}
-                >
+                <DescriptionList columnModifier={{ default: '2Col' }}>
                   <DescriptionListGroup>
                     <DescriptionListTerm>ID</DescriptionListTerm>
                     <DescriptionListDescription>{sessionId}</DescriptionListDescription>
@@ -222,6 +219,7 @@ class BasicLayout extends React.PureComponent {
               </PageSection>
               {children}
             </PersistGate>
+            <Footer />
           </Page>
         </DocumentTitle>
       </React.Fragment>