fix: reportedBy issue

src/__tests__/incidents/report/ReportIncident.test.tsx

@@ -65,7 +65,7 @@ describe('Report Incident', () => {
 
     userEvent.type(departmentInput, 'Engineering Bay')
     expect(departmentInput).toHaveDisplayValue('Engineering Bay')
-  })
+  }) 
 
   it('renders a category form element that allows user input', async () => {
     setup([Permissions.ViewIncident, Permissions.ResolveIncident])

src/incidents/hooks/useReportIncident.tsx

@@ -6,16 +6,17 @@ import IncidentRepository from '../../shared/db/IncidentRepository'
 import Incident from '../../shared/model/Incident'
 import validateIncident from '../util/validate-incident'
 
+
 const getIncidentCode = (): string => `I-${shortid.generate()}`
 
 export function reportIncident(incident: Incident): Promise<Incident> {
   const error = validateIncident(incident)
+
   if (isEmpty(error)) {
     const updatedIncident: Incident = {
       ...incident,
       code: getIncidentCode(),
       status: 'reported',
-      reportedBy: 'some user',
       reportedOn: new Date(Date.now()).toISOString(),
     }
     return IncidentRepository.save(updatedIncident)

src/incidents/report/ReportIncident.tsx

@@ -13,23 +13,28 @@ import Incident from '../../shared/model/Incident'
 import Patient from '../../shared/model/Patient'
 import useReportIncident from '../hooks/useReportIncident'
 import { IncidentError } from '../util/validate-incident'
+import {useSelector } from 'react-redux'
+import { RootState } from '../../shared/store'
 
 const ReportIncident = () => {
   const [mutate] = useReportIncident()
   const history = useHistory()
   const { t } = useTranslator()
   const updateTitle = useUpdateTitle()
+  const {user} = useSelector((state: RootState) => state.user)
+
   useEffect(() => {
     updateTitle(t('incidents.reports.new'))
   })
   const breadcrumbs = [
     {
-      i18nKey: 'incidents.reports.new',
+      i18nKey: 'incidents.reports.new',  
       location: `/incidents/new`,
     },
   ]
   useAddBreadcrumbs(breadcrumbs)
   const [incident, setIncident] = useState({
+    reportedBy: user?.id || 'some user',  //user is read from redux store state.user and the id is used while showing details
     date: new Date().toISOString(),
     department: '',
     category: '',