From 69dc6c055bf07fbe5d866d74246b2a6c38236ba2 Mon Sep 17 00:00:00 2001
From: Heli Huhtilainen <heli.huhtilainen@helsinki.fi>
Date: Thu, 19 Jun 2025 15:19:55 +0300
Subject: [PATCH] Add empty page for excel

---
 package-lock.json                             |  2 +-
 package.json                                  |  2 +-
 src/client/index.tsx                          |  4 ++-
 src/client/pages/excel-page/excel-page.tsx    | 31 +++++++++++++++++++
 src/client/pages/excel-page/index.ts          |  1 +
 src/client/pages/index.ts                     |  1 +
 .../pages/nav-bar-layout/nav-bar-layout.tsx   |  4 +++
 src/client/routes.tsx                         |  1 +
 8 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 src/client/pages/excel-page/excel-page.tsx
 create mode 100644 src/client/pages/excel-page/index.ts

diff --git a/package-lock.json b/package-lock.json
index 7631c3d..29496e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "scentgraph",
-  "version": "2.0.41",
+  "version": "2.0.42",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 89f2f0a..3d7b103 100644
--- a/package.json
+++ b/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",
diff --git a/src/client/index.tsx b/src/client/index.tsx
index 4230cdd..fc0537f 100644
--- a/src/client/index.tsx
+++ b/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} />
diff --git a/src/client/pages/excel-page/excel-page.tsx b/src/client/pages/excel-page/excel-page.tsx
new file mode 100644
index 0000000..520c467
--- /dev/null
+++ b/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>
+    )
+  }
+}
diff --git a/src/client/pages/excel-page/index.ts b/src/client/pages/excel-page/index.ts
new file mode 100644
index 0000000..99151f6
--- /dev/null
+++ b/src/client/pages/excel-page/index.ts
@@ -0,0 +1 @@
+export * from './excel-page'
diff --git a/src/client/pages/index.ts b/src/client/pages/index.ts
index 94db726..60c84a5 100644
--- a/src/client/pages/index.ts
+++ b/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'
diff --git a/src/client/pages/nav-bar-layout/nav-bar-layout.tsx b/src/client/pages/nav-bar-layout/nav-bar-layout.tsx
index 59738b2..45d6a03 100644
--- a/src/client/pages/nav-bar-layout/nav-bar-layout.tsx
+++ b/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>
diff --git a/src/client/routes.tsx b/src/client/routes.tsx
index a2a348d..15c4e82 100644
--- a/src/client/routes.tsx
+++ b/src/client/routes.tsx
@@ -3,6 +3,7 @@ export enum ClientRoutePath {
     Current = '/',
     UserCreation = '/newUser',
     ScentCreation = '/addScent',
+    ScentExcel = '/scentExcel',
     NoteCreation = '/addNotes',
     ShowCategoryScents = '/showScents',
     AdminTools = '/adminTools',