Merge pull request #50 from mcode/settings-page

Adding settings page

src/components/Sidebar.js

@@ -46,6 +46,15 @@ export default function Sidebar() {
             <Icon icon="fluent:database-20-filled" height="24" className="ml-2" />
             <p className={`${open ? 'pl-2' : 'hidden'}`}>mCODE Coverage</p>
           </Link>
+          <Link
+            to="/settings"
+            className={`flex flex-row py-2 rounded-sidebarButton ${
+              useLocation().pathname === '/settings' ? 'shadow-sidebarButton' : ''
+            }`}
+          >
+            <Icon icon="material-symbols:settings" height="24" className="ml-2" />
+            <p className={`${open ? 'pl-2' : 'hidden'}`}>Settings</p>
+          </Link>
         </div>
         {/* lower section */}
         <div className="flex flex-col gap-5">

src/index.js

@@ -4,6 +4,7 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { RecoilRoot } from 'recoil';
 import App from './pages/App';
 import FileUploadPage from './pages/FileUploadPage';
+import Settings from './pages/Settings';
 import reportWebVitals from './reportWebVitals';
 import PageWrapper from './components/PageWrapper';
 import './index.css';
@@ -13,6 +14,7 @@ ReactDOM.render(
     <Router basename="mcode-coverage-checker">
       <PageWrapper>
         <Routes>
+          <Route path="/settings" element={<Settings />} />
           <Route path="/file-upload" element={<FileUploadPage />} />
           <Route path="/" element={<App />} />
         </Routes>

src/pages/Settings.js

@@ -0,0 +1,14 @@
+function Settings() {
+  return (
+    <div className="max-w-7xl w-full">
+      <h1 className="font-sans font-bold text-4xl">Settings</h1>
+      <hr className="m-2 h-px bg-gray-300 border-0" />
+      <h2 className="pt-2 font-sans text-3xl font-semibold">Manage Your mCODE Resources</h2>
+      <p className="text-sm text-gray-600 pb-2">
+        Select which resources you want to be included in the dashboard calculation
+      </p>
+    </div>
+  );
+}
+
+export default Settings;