From 8453542777003bdec76fc0de2e62132c26c3bbf7 Mon Sep 17 00:00:00 2001
From: M M <cosmicray23@hotmail.com>
Date: Tue, 2 Jul 2024 20:46:28 -0700
Subject: [PATCH] Got rid of the adornment at the end.

---
 Client/src/Pages/Incidents/index.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/Client/src/Pages/Incidents/index.jsx b/Client/src/Pages/Incidents/index.jsx
index 1246962cd..0e11bc237 100644
--- a/Client/src/Pages/Incidents/index.jsx
+++ b/Client/src/Pages/Incidents/index.jsx
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import TextField from '@mui/material/TextField';
 import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
 import { styled, useTheme } from '@mui/material/styles';
@@ -108,7 +109,14 @@ function Filter() {
       getOptionLabel={(option) => option.title}
       filterOptions={filterOptions}
       sx={{ width: 300 }}
-      renderInput={(params) => <TextField {...params} label="Filter by status" />}
+      disableClearable  // This disables the clearable (x) button
+      renderInput={(params) => (
+        <TextField
+          {...params}
+          label="Filter by Status"
+          InputProps={{ ...params.InputProps, endAdornment: null }} // Hides the end adornment (arrow icon)
+        />
+      )}
     />
   );
 }