feat(labs): adds labs route

src/HospitalRun.tsx

@@ -9,6 +9,7 @@ import ViewAppointment from 'scheduling/appointments/view/ViewAppointment'
 import Breadcrumbs from 'breadcrumbs/Breadcrumbs'
 import { ButtonBarProvider } from 'page-header/ButtonBarProvider'
 import ButtonToolBar from 'page-header/ButtonToolBar'
+import Labs from 'labs/Labs'
 import Sidebar from './components/Sidebar'
 import Permissions from './model/Permissions'
 import Dashboard from './dashboard/Dashboard'
@@ -99,6 +100,7 @@ const HospitalRun = () => {
                     path="/appointments/:id"
                     component={ViewAppointment}
                   />
+                  <PrivateRoute isAuthenticated exact path="/labs" component={Labs} />
                 </Switch>
               </div>
               <Toaster autoClose={5000} hideProgressBar draggable />

src/components/Sidebar.tsx

@@ -164,28 +164,14 @@ const Sidebar = () => {
             />
             <Icon icon="appointment" /> {!sidebarCollapsed && t('scheduling.label')}
           </ListItem>
-          {splittedPath[1].includes('appointment') && expandedItem === 'appointment' && (
-            <List layout="flush" className="nav flex-column">
-              <ListItem
-                className="nav-item"
-                style={listSubItemStyleNew}
-                onClick={() => navigateTo('/appointments/new')}
-                active={splittedPath[1].includes('appointments') && splittedPath.length > 2}
-              >
-                <Icon icon="appointment-add" style={iconMargin} />
-                {!sidebarCollapsed && t('scheduling.appointments.new')}
-              </ListItem>
-              <ListItem
-                className="nav-item"
-                style={listSubItemStyle}
-                onClick={() => navigateTo('/appointments')}
-                active={splittedPath[1].includes('appointments') && splittedPath.length < 3}
-              >
-                <Icon icon="incident" style={iconMargin} />
-                {!sidebarCollapsed && t('scheduling.appointments.schedule')}
-              </ListItem>
-            </List>
-          )}
+          <ListItem
+            active={pathname.split('/')[1].includes('labs')}
+            onClick={() => navigateTo('/labs')}
+            className="nav-item"
+            style={listItemStyle}
+          >
+            <Icon icon="lab" /> {!sidebarCollapsed && t('labs.label')}
+          </ListItem>
         </List>
       </div>
     </nav>

src/labs/Labs.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import PrivateRoute from 'components/PrivateRoute'
+import { Switch } from 'react-router'
+import LabRequests from './requests/LabRequests'
+
+const Labs = () => (
+  <Switch>
+    <PrivateRoute isAuthenticated exact path="/labs" component={LabRequests} />
+  </Switch>
+)
+
+export default Labs

src/labs/requests/LabRequests.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import useTitle from 'page-header/useTitle'
+import { useTranslation } from 'react-i18next'
+
+const LabRequests = () => {
+  const { t } = useTranslation()
+  useTitle(t('labs.requests.label'))
+
+  return <h1>Lab Requests</h1>
+}
+
+export default LabRequests

src/locales/enUs/translations/index.ts

@@ -5,6 +5,7 @@ import patients from './patients'
 import scheduling from './scheduling'
 import states from './states'
 import sex from './sex'
+import labs from './labs'
 
 export default {
   ...actions,
@@ -14,4 +15,5 @@ export default {
   ...scheduling,
   ...states,
   ...sex,
+  ...labs,
 }

src/locales/enUs/translations/labs/index.ts

@@ -0,0 +1,8 @@
+export default {
+  labs: {
+    label: 'Labs',
+    requests: {
+      label: 'Lab Requests',
+    },
+  },
+}