Add filtering

cypress/component/HomePage.cy.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import { mount } from '@cypress/react';
-import HomePage from '../../src/HomePage';
+import HomePage from '../../src/pages/HomePage';
 
 describe('HomePage Component Tests', () => {
   beforeEach(() => {

cypress/component/Instruments.cy.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Instruments from '../../src/Instruments';
+import Instruments from '../../src/pages/Instruments';
 import { mount } from '@cypress/react';
 
 describe('<Instruments />', () => {

package.json

@@ -11,11 +11,13 @@
     "@monaco-editor/react": "^4.6.0",
     "@mui/icons-material": "6.1.9",
     "@mui/material": "6.1.9",
+    "@mui/x-date-pickers": "^7.27.0",
     "@types/jest": "29.5.14",
     "@types/node": "22.10.0",
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.11",
     "axios": "^1.7.7",
+    "dayjs": "^1.11.13",
     "express": "4.21.1",
     "express-ws": "5.0.2",
     "i18next": "^24.0.2",

src/App.tsx

@@ -4,13 +4,15 @@ import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
 import ReactGA from 'react-ga4';
 
 // Local data
-import Instruments from './Instruments';
-import JobsAll from './Jobs/JobsAll';
-import JobsGeneral from './Jobs/JobsGeneral';
-import HomePage from './HomePage';
-import ValueEditor from './ValueEditor';
+import Instruments from './pages/Instruments';
+import HomePage from './pages/HomePage';
+import ValueEditor from './pages/ValueEditor';
 import GlobalStyles from './GlobalStyles';
-import { clearFailedAuthRequestsQueue, retryFailedAuthRequests } from './api';
+import { clearFailedAuthRequestsQueue, retryFailedAuthRequests } from './lib/api';
+import 'dayjs/locale/en-gb';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import JobsPage from './pages/JobsPage';
 
 // Initialize Google Analytics with the given tracking ID
 ReactGA.initialize('G-7XJBCP6P75');
@@ -55,28 +57,26 @@ const App: FC = () => {
   }, []);
 
   return (
-    <GlobalStyles>
-      <Router basename="/fia">
-        <Switch>
-          {/* Define application routes */}
-          <Route exact path="/">
-            <HomePage /> {/* Renders the HomePage component on the root path */}
-          </Route>
-          <Route path="/instruments">
-            <Instruments /> {/* Renders the Instruments page */}
-          </Route>
-          <Route path="/reduction-history/ALL">
-            <JobsAll /> {/* Displays all reduction jobs */}
-          </Route>
-          <Route path="/reduction-history/:instrumentName">
-            <JobsGeneral /> {/* Displays reduction jobs filtered by instrument name */}
-          </Route>
-          <Route path="/value-editor/:jobId">
-            <ValueEditor /> {/* Opens the ValueEditor for a specific job */}
-          </Route>
-        </Switch>
-      </Router>
-    </GlobalStyles>
+    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={'en-gb'}>
+      <GlobalStyles>
+        <Router basename="/fia">
+          <Switch>
+            <Route exact path="/">
+              <HomePage />
+            </Route>
+            <Route path="/instruments">
+              <Instruments />
+            </Route>
+            <Route path="/reduction-history/:instrumentName">
+              <JobsPage />
+            </Route>
+            <Route path="/value-editor/:jobId">
+              <ValueEditor />
+            </Route>
+          </Switch>
+        </Router>
+      </GlobalStyles>
+    </LocalizationProvider>
   );
 };