remove unwanted code

client/src/Pages/Maintenance/CreateMaintenance/Components/MonitorList/index.jsx

@@ -2,6 +2,7 @@
 import { Stack, Typography } from "@mui/material";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { useTheme } from "@emotion/react";
+import PropTypes from "prop-types";
 
 const MonitorListItem = ({ monitor, onDelete }) => {
 	const theme = useTheme();
@@ -21,6 +22,14 @@ const MonitorListItem = ({ monitor, onDelete }) => {
 	);
 };
 
+MonitorListItem.propTypes = {
+	monitor: PropTypes.shape({
+		_id: PropTypes.string.isRequired,
+		name: PropTypes.string.isRequired,
+	}).isRequired,
+	onDelete: PropTypes.func.isRequired,
+};
+
 const MonitorList = ({ selectedMonitors, setSelectedMonitors }) => {
 	const onDelete = (monitorToDelete) => {
 		const newMonitors = selectedMonitors.filter(
@@ -47,4 +56,14 @@ const MonitorList = ({ selectedMonitors, setSelectedMonitors }) => {
 	);
 };
 
+MonitorList.propTypes = {
+	selectedMonitors: PropTypes.arrayOf(
+		PropTypes.shape({
+			_id: PropTypes.string.isRequired,
+			name: PropTypes.string.isRequired,
+		})
+	).isRequired,
+	setSelectedMonitors: PropTypes.func.isRequired,
+};
+
 export default MonitorList;

client/src/Pages/Maintenance/CreateMaintenance/index.jsx

@@ -547,7 +547,6 @@ const CreateMaintenance = () => {
 							handleInputChange={setSearch}
 							handleChange={handleMonitorsChange}
 							error={errors["monitors"]}
-							disabled={form.isAllMonitors}
 						/>
 						<MonitorList
 							selectedMonitors={form.monitors}