att

Author: Arcka1n

client/src/App.js

@@ -17,6 +17,7 @@ const Resetpass = React.lazy(() => import("./views/pages/profile/resetpass"));
 const OTP = React.lazy(()=> import ("./views/pages/profile/OTP"));
 const TermsAccept = React.lazy(()=> import('./views/pages/LegalPanel/agreement/termandaccept'));
 const ComplainsExternalEmployees = React.lazy(() => import('./views/pages/LegalPanel/complains/employeesexternalcomplain'));
+const UploadIR = React.lazy(()=> import ('./views/pages/LegalPanel/uploadIncident'))
 const AppContent = () => {
   const { isColorModeSet, setColorMode } = useColorModes("coreui-free-react-admin-template-theme");
   const storedTheme = useSelector((state) => state.changeState.theme);
@@ -60,6 +61,7 @@ const AppContent = () => {
         <Route path="/resetpass/:id/:token" element={<Resetpass />} />
         <Route path="/termsaccept/:id/:token" element={<TermsAccept />} />
         <Route path="/employeesExternalComplain/:id/:token" element={<ComplainsExternalEmployees/>} />
+        <Route path='/uploadIncident/:id/:token'element={<UploadIR/>}/>
         <Route path="/register" element={<Register />} />
         <Route path="/404" element={<Page404 />} />
         <Route path="/500" element={<Page500 />} />

client/src/_nav.js

@@ -22,7 +22,8 @@ import {
   faTruckRampBox,
   faChartDiagram,
   faTv,
-  faPlus
+  faPlus,
+  faNewspaper
 } from '@fortawesome/free-solid-svg-icons';
 import { FaWatchmanMonitoring } from 'react-icons/fa';
 import { icon } from 'leaflet';
@@ -490,6 +491,12 @@ const _nav = () => {
           icon: <FontAwesomeIcon icon={faBullhorn} style={{ marginRight: '8px' }} />,
           to:'/complains'
         },
+        {
+          component: CNavItem,
+          name:"Incident Reports",
+          icon:<FontAwesomeIcon icon  ={faNewspaper} style={{marginRight:"8px"}}/>,
+          to:'/incidentreport'
+        }
 
 
 

client/src/routes.js

@@ -79,6 +79,7 @@ const Agreementsuccess = React.lazy(() => import('./views/pages/LegalPanel/agree
 
 const Complains = React.lazy(() => import('./views/pages/LegalPanel/complains'));
 const ComplainsEmployees = React.lazy(() => import('./views/pages/LegalPanel/complains/employeescomplains'));
+const IncidentReport = React.lazy(()=> import ("./views/pages/LegalPanel/incidentreport"))
 const HrComplains = React.lazy(() => import('./views/pages/LegalPanel/complains/hrComplains'));
 
 const routes = [
@@ -162,6 +163,7 @@ const routes = [
   { path: '/complains', name: 'Complains', element: <ProtectedRoute><Complains /></ProtectedRoute> },
   { path: '/employeescomplains', name: 'Complains', element: <ProtectedRoute><ComplainsEmployees /></ProtectedRoute> },
   { path: '/hrcomplains', name: 'Complains', element: <ProtectedRoute><HrComplains /></ProtectedRoute> },
+  { path: '/incidentreport', name:'IncidentReport', element: <ProtectedRoute><IncidentReport/></ProtectedRoute>}
 ];
 
 export default routes;

client/src/views/pages/LegalPanel/incidentreport.js

@@ -0,0 +1,63 @@
+import React, { useEffect, useState } from 'react';
+import axiosInstance from '../../../utils/axiosInstance';
+
+export default function IncidentReportUpload() {
+  const [incidentReports, setIncidentReports] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    const fetchIncidentReports = async () => {
+      try {
+        const response = await axiosInstance.get('/incidentreport/incidentall');
+        console.log('API Response:', response.data);
+
+        const data = Array.isArray(response.data)
+          ? response.data
+          : Array.isArray(response.data?.data)
+            ? response.data.data
+            : [];
+
+        setIncidentReports(data);
+      } catch (err) {
+        setError('Failed to fetch incident reports');
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchIncidentReports();
+  }, []);
+
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4">
+      <div className="bg-white rounded-2xl shadow-md p-8 max-w-4xl w-full">
+        <h1 className="text-2xl font-bold mb-4 text-center">All Incident Reports</h1>
+
+        {loading && <p className="text-center text-gray-500">Loading...</p>}
+        {error && <p className="text-center text-red-500">{error}</p>}
+
+        {!loading && !error && Array.isArray(incidentReports) && incidentReports.length === 0 && (
+          <p className="text-center text-gray-500">No incident reports found.</p>
+        )}
+
+        {!loading && !error && Array.isArray(incidentReports) && incidentReports.length > 0 && (
+          <ul className="divide-y divide-gray-200">
+            {incidentReports.map((report, index) => (
+              <li key={index} className="py-4">
+                <div className="text-lg font-semibold text-gray-800">{report.title || 'Untitled Report'}</div>
+                <div className="text-sm text-gray-600">{report.description || 'No description provided.'}</div>
+                <div className="text-sm text-gray-500 mt-1">
+                  <strong>Location:</strong> {report.location || 'N/A'} | <strong>Severity:</strong> {report.severity || 'N/A'} | <strong>Status:</strong> {report.status || 'N/A'}
+                </div>
+                <div className="text-sm text-gray-400">
+                  Reported On: {report.reportDate ? new Date(report.reportDate).toLocaleDateString() : 'Unknown'}
+                </div>
+              </li>
+            ))}
+          </ul>
+        )}
+      </div>
+    </div>
+  );
+}