From 9dc78558affd1419801a91e060d0b412b4c09072 Mon Sep 17 00:00:00 2001
From: Yoseph Ahmed <yosephahmed@aol.com>
Date: Wed, 12 Aug 2020 14:11:27 -0400
Subject: [PATCH] feat: added route for visualize component and performed
 sanity check

---
 src/incidents/Incidents.tsx                   |  7 +++++
 .../visualize/VisualizeIncidents.tsx          | 31 +++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/incidents/visualize/VisualizeIncidents.tsx

diff --git a/src/incidents/Incidents.tsx b/src/incidents/Incidents.tsx
index 7b19355a56..2dcd39be90 100644
--- a/src/incidents/Incidents.tsx
+++ b/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
diff --git a/src/incidents/visualize/VisualizeIncidents.tsx b/src/incidents/visualize/VisualizeIncidents.tsx
new file mode 100644
index 0000000000..62d4b1aea1
--- /dev/null
+++ b/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