Add empty page for excel

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scentgraph",
-  "version": "2.0.42",
+  "version": "2.0.43",
   "description": "ScentGraph is a project for Helsinki University FullStack course. React and TypeScript are used for the front end, Node for the backend and Neo4J for the graph database. The database queries will be done using Cypher.",
   "scripts": {
     "postinstall": "npm run build-client",

src/client/index.tsx

@@ -10,7 +10,8 @@ import {
   AdminTools,
   ShowScents,
   NoteCreate,
-  Current
+  Current,
+  ExcelPage,
 } from './pages'
 import ScentCreate from './pages/scent-create/scent-create'
 import 'bootstrap/dist/css/bootstrap.css'
@@ -50,6 +51,7 @@ class App extends React.Component {
           <Route exact path={ClientRoutePath.Current} component={Current} />
           <Route exact path={ClientRoutePath.NoteCreation} component={NoteCreate} />
           <Route exact path={ClientRoutePath.ScentCreation} component={ScentCreate} />
+          <Route exact path={ClientRoutePath.ScentExcel} component={ExcelPage} />
           <Route exact path={ClientRoutePath.ShowCategoryScents} component={ShowScents} />
           <Route exact path={ClientRoutePath.UserCreation} component={UserCreate} />
           <Route exact path={ClientRoutePath.AdminTools} component={AdminTools} />

src/client/pages/excel-page/excel-page.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react'
+import NavBarLayout from '../nav-bar-layout/nav-bar-layout'
+import { EMPTY_STATE } from '../../utils'
+import { Notification } from '../../components'
+
+interface ExcelPageProps {
+  history: any,
+  location: ExcelPageLocation,
+  match: any
+}
+
+interface ExcelPageLocation extends Location {
+  message: string
+}
+
+export class ExcelPage extends React.Component<ExcelPageProps, EMPTY_STATE> {
+
+  constructor(props) {
+    super(props)
+  }
+
+  public render(): JSX.Element {
+    return (
+      <div>
+        <div className='container'>
+          <Notification message={this.props.location.message} />
+        </div>
+      </div>
+    )
+  }
+}

src/client/pages/excel-page/index.ts

@@ -0,0 +1 @@
+export * from './excel-page'

src/client/pages/index.ts

@@ -8,3 +8,4 @@ export * from './scent-create'
 export * from './note-create'
 export * from './show-scents'
 export * from './current'
+export * from './excel-page'

src/client/pages/nav-bar-layout/nav-bar-layout.tsx

@@ -43,6 +43,10 @@ class NavBarLayout extends React.PureComponent<NavBarLayoutProps, EMPTY_STATE> {
               <Link className='text-info' to='/addScent'>Add a Scent</Link>
             </Nav.Link>
 
+            <Nav.Link href='#' as='span'>
+              <Link className='text-info' to='/scentExcel'>Add with Excel</Link>
+            </Nav.Link>
+
             <Nav.Link href='#' as='span'>
               <Link className='text-info' to='/addNotes'>Add Notes</Link>
             </Nav.Link>

src/client/routes.tsx

@@ -3,6 +3,7 @@ export enum ClientRoutePath {
     Current = '/',
     UserCreation = '/newUser',
     ScentCreation = '/addScent',
+    ScentExcel = '/scentExcel',
     NoteCreation = '/addNotes',
     ShowCategoryScents = '/showScents',
     AdminTools = '/adminTools',