[chores]: clean up & re-arrange dirs structure

src/App.tsx

@@ -1,11 +1,6 @@
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 
-// import Layout from './components/layout/Layout';
 import Home from './app/main/Home';
-// import PatientSearch from './components/patientSearch/Patient';
-// import PatientInformation from './app/patient-dashboard/patient-info/PatientInformation';
-// import Orders from './components/Orders/Orders.component';
-// import Observation from './components/observations/Observation';
 import Login from './app/authentication/Login';
 import PatientInfo from './app/patient-dashboard/info/PatientInfo';
 import PatientSearch from './app/patient-search/Patient';
@@ -14,6 +9,9 @@ import { AppContextProvider } from './app/AppContextProvider';
 import Observation from './app/patient-dashboard/observations/Observation';
 import { useEffect } from 'react';
 import { getSession } from './app/Session';
+import CsvUpload from './app/csv-uploads/CsvUpload';
+import Moh731SyncQueueComponent from './app/rde-sync/Moh731Sync.component';
+import AddPatientIdentifier from './app/rde-sync/AddPatients.component';
 
 const App = () => {
   useEffect(() => {
@@ -33,24 +31,12 @@ const App = () => {
           <Route path="/patient-dashboard/:uuid" element={<PatientInfo />} />
           <Route path="/patient-dashboard/:uuid/orders" element={<PatientOrders />} />
           <Route path="/patient-dashboard/:uuid/observations" element={<Observation />} />
-        </Routes>
 
-        {/* <Routes>
-          <Route path="/login" element={<Login />} />
-          <Route element={<ProtectedRoutes />}>
-            <Route path="/" element={<Home />} />
-            <Route path="/patient-search" element={<PatientSearch />} />
-            <Route path="/patientInfo/:id" element={<PatientInformation />} />
-            <Route path="/patient/:id/orders" element={<Orders />} />
-            <Route path="/lab-results-sync" element={<CsvUpload />} />
-            <Route path="/moh-731-sync" element={<Moh731SyncQueueComponent />} />
-            <Route path="/moh-731-sync/add-patients" element={<SearchPatientIdentifier />} />
-            <Route path="/observations/:id" element={<Observation />} />
-          </Route>
-        </Routes> */}
+          <Route path="/lab-results-sync" element={<CsvUpload />} />
+          <Route path="/moh-731-sync" element={<Moh731SyncQueueComponent />} />
+          <Route path="/moh-731-sync/add-patients" element={<AddPatientIdentifier />} />
+        </Routes>
       </Router>
-      {/* div below is for testing purposes */}
-      {/* <div data-testId="app-context-value">{JSON.stringify(contextValue)}</div> */}
     </AppContextProvider>
   );
 };

src/app/Session.ts

@@ -5,7 +5,6 @@ export const getSession = async (): Promise<boolean> => {
   });
 
   const userInfo = await response.json();
-  console.log('userInfo', userInfo);
   const { authenticated } = userInfo;
   return authenticated;
 };
@@ -17,7 +16,6 @@ export const clearSession = async () => {
       Authorization: 'Basic ' + localStorage.getItem('auth-token'),
     },
   }).then((data) => {
-    console.log('data', data);
     if (data?.status === 204 && data?.ok === true) {
       localStorage.removeItem('userInformation');
       localStorage.removeItem('authenticated');

src/components/csvUploads/CsvUpload.tsx → src/app/csv-uploads/CsvUpload.tsx

@@ -3,10 +3,10 @@ import { useEffect, useState } from 'react';
 import { CsvUploadData, uploadCsvFile } from './csv.resource';
 import { toast, ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
-import storage from '../../app/localStorage';
+import storage from '../localStorage';
 import DisplayCSV from './DisplayCSV';
-import Header from '../layout/headers/HeaderWithLogo';
-import Footer from '../layout/Footer';
+import Header from '../../components/layout/headers/HeaderWithLogo';
+import Footer from '../../components/layout/Footer';
 
 const CsvUpload = () => {
   const [csvFile, setCsvFile] = useState(new File([], ''));

src/components/csvUploads/DisplayCSV.tsx → src/app/csv-uploads/DisplayCSV.tsx

@@ -6,8 +6,8 @@ import Modal from 'react-modal';
 import { getCsvFiles, deleteCsvFile, syncCsvFile, getErrorLogs } from './csv.resource';
 import { ToastContainer, toast } from 'react-toastify';
 import swal from 'sweetalert';
-import storage from '../../app/localStorage';
-import Pagination from '../pagination/Pagination';
+import storage from '../localStorage';
+import Pagination from '../../components/pagination/Pagination';
 
 const customStyles = {
   content: {

src/components/RdeSync/AddPatients.component.tsx → src/app/rde-sync/AddPatients.component.tsx

@@ -1,13 +1,13 @@
 import { useState } from 'react';
 import { AiOutlineDelete } from 'react-icons/ai';
-import storage from '../../app/localStorage';
+import storage from '../localStorage';
 import { FaPlus } from 'react-icons/fa';
-import Header from '../layout/headers/HeaderWithLogo';
-import Footer from '../layout/Footer';
+import Header from '../../components/layout/headers/HeaderWithLogo';
+import Footer from '../../components/layout/Footer';
 import { useNavigate } from 'react-router-dom';
 import { queuePatients, setReportingMonth } from './AddPatients.resource';
-import ErrorToast from '../toasts/ErrorToast';
-import SuccessToast from '../toasts/SuccessToast';
+import ErrorToast from '../../components/toasts/ErrorToast';
+import SuccessToast from '../../components/toasts/SuccessToast';
 
 const AddPatientIdentifier = () => {
   const [patientIdentifier, setPatientIdentifier] = useState({

src/components/RdeSync/Moh731Sync.component.tsx → src/app/rde-sync/Moh731Sync.component.tsx

@@ -2,10 +2,10 @@ import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Patient } from '../../types/Patient';
 import { formatDate } from '../../utils/DateUtil';
-import Footer from '../layout/Footer';
-import Header from '../layout/headers/HeaderWithLogo';
+import Footer from '../../components/layout/Footer';
+import Header from '../../components/layout/headers/HeaderWithLogo';
 import { fetchMoh731SyncQueue, freezeProcessedPatients, processQueuedPatients } from './Moh731Sync.resource';
-import storage from '../../app/localStorage';
+import storage from '../localStorage';
 
 interface searchProps {
   handleSearch: React.ChangeEventHandler<HTMLInputElement>;

src/components/RdeSync/Moh731Sync.resource.ts → src/app/rde-sync/Moh731Sync.resource.ts

@@ -1,4 +1,4 @@
-import storage from '../../app/localStorage';
+import storage from '../localStorage';
 import { Patient } from '../../types/Patient';
 import { ProcessQueuePayload } from '../../types/Payloads';