From 87e189402b8a414bd62a28cb21130f877e6dda68 Mon Sep 17 00:00:00 2001
From: Belinda Marion Kobusingye <46527380+Codebmk@users.noreply.github.com>
Date: Fri, 31 Jan 2025 08:50:26 +0300
Subject: [PATCH] added maintenance type field to add logs table

---
 .../DataDisplay/DeviceView/DeviceLogs.js      | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/netmanager/src/views/components/DataDisplay/DeviceView/DeviceLogs.js b/netmanager/src/views/components/DataDisplay/DeviceView/DeviceLogs.js
index 9a0d094e08..5a0046ca05 100644
--- a/netmanager/src/views/components/DataDisplay/DeviceView/DeviceLogs.js
+++ b/netmanager/src/views/components/DataDisplay/DeviceView/DeviceLogs.js
@@ -230,6 +230,7 @@ const AddLogForm = ({ deviceName, deviceLocation, toggleShow, loading, setLoadin
   const [description, setDescription] = useState('');
   const [tags, setTags] = useState([]);
   const [selectedDate, setSelectedDate] = useState(new Date());
+  const [maintenanceType, setMaintenanceType] = useState('preventive');
 
   const createTagOption = (tag) => ({ label: tag, value: tag });
 
@@ -267,6 +268,7 @@ const AddLogForm = ({ deviceName, deviceLocation, toggleShow, loading, setLoadin
       tags: extracted_tags,
       description: description,
       userName: parsedData.email,
+      maintenanceType: maintenanceType,
       email: parsedData.email,
       firstName: parsedData.firstName,
       lastName: parsedData.lastName
@@ -336,6 +338,10 @@ const AddLogForm = ({ deviceName, deviceLocation, toggleShow, loading, setLoadin
     toggleShow();
   };
 
+  const handleMaintenanceTypeChange = (event) => {
+    setMaintenanceType(event.target.value);
+  };
+
   return (
     <Paper style={{ minHeight: '400px', padding: '5px 10px' }}>
       <h4>Add Log</h4>
@@ -362,6 +368,25 @@ const AddLogForm = ({ deviceName, deviceLocation, toggleShow, loading, setLoadin
             onChange={(event) => setDescription(event.target.value)}
           />
         </div>
+        <div>
+          <TextField
+            select
+            fullWidth
+            label="Maintenance Type"
+            style={{ margin: '10px 0' }}
+            value={maintenanceType}
+            onChange={handleMaintenanceTypeChange}
+            SelectProps={{
+              native: true,
+              style: { width: '100%', height: '50px' }
+            }}
+            required
+            variant="outlined"
+          >
+            <option value="preventive">Preventive</option>
+            <option value="corrective">Corrective</option>
+          </TextField>
+        </div>
         <div style={{ marginTop: '5px' }}>
           <CreatableLabelledSelect
             label={'Tags'}
@@ -437,6 +462,12 @@ export default function DeviceLogs({ deviceName, deviceLocation }) {
         return <div className={'table-truncate'}>{rowData.tags && rowData.tags.join(', ')}</div>;
       }
     },
+    {
+      title: 'Maintenance Type',
+      field: 'maintenanceType',
+      cellStyle: { width: 100, maxWidth: 100 },
+      render: (rowData) => <div className={'table-truncate'}>{rowData.maintenanceType}</div>
+    },
     {
       title: 'Created On',
       field: 'createdAt',