feat: added route for visualize component and performed sanity check

src/incidents/Incidents.tsx

@@ -9,6 +9,7 @@ import { RootState } from '../shared/store'
 import ViewIncidents from './list/ViewIncidents'
 import ReportIncident from './report/ReportIncident'
 import ViewIncident from './view/ViewIncident'
+import VisualizeIncidents from './visualize/VisualizeIncidents'
 
 const Incidents = () => {
   const { permissions } = useSelector((state: RootState) => state.user)
@@ -34,6 +35,12 @@ const Incidents = () => {
         path="/incidents/new"
         component={ReportIncident}
       />
+      <PrivateRoute
+        isAuthenticated={permissions.includes(Permissions.ViewIncidentWidgets)}
+        exact
+        path="/incidents/visualize"
+        component={VisualizeIncidents}
+      />
       <PrivateRoute
         isAuthenticated={permissions.includes(Permissions.ViewIncident)}
         exact

src/incidents/visualize/VisualizeIncidents.tsx

@@ -0,0 +1,31 @@
+import {} from '@hospitalrun/components'
+import React from 'react'
+// import { useDispatch, useSelector } from 'react-redux'
+// import { useParams, useHistory } from 'react-router-dom'
+
+// import useAddBreadcrumbs from '../../page-header/breadcrumbs/useAddBreadcrumbs'
+// import useTitle from '../../page-header/title/useTitle'
+// import useTranslator from '../../shared/hooks/useTranslator'
+// import { RootState } from '../../shared/store'
+
+const VisualizeIncidents = () => (
+  // const dispatch = useDispatch()
+  // const { t } = useTranslator()
+  // const history = useHistory()
+  // const { id } = useParams()
+  // const { incident } = useSelector((state: RootState) => state.incident)
+  // useTitle(incident ? incident.code : '')
+  // const breadcrumbs = [
+  //   {
+  //     i18nKey: incident ? incident.code : '',
+  //     location: `/incidents/${id}`,
+  //   },
+  // ]
+  // useAddBreadcrumbs(breadcrumbs)
+
+  <>
+    <h1>Hello from VisualizeIncidents.tsx!</h1>
+  </>
+)
+
+export default VisualizeIncidents