fix: Remove input checkbox elements and replace with spans

theopensystemslab · May 17, 2024 · 0a0d6f6 · 0a0d6f6
1 parent 657bcf0
commit 0a0d6f6
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/editor.planx.uk/src/@planx/components/FileUploadAndLabel/SelectMultiple.tsx b/editor.planx.uk/src/@planx/components/FileUploadAndLabel/SelectMultiple.tsx
@@ -17,7 +17,7 @@ import { styled } from "@mui/material/styles";
 import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";
 import capitalize from "lodash/capitalize";
-import React, { forwardRef, PropsWithChildren, useMemo, useState } from "react";
+import React, { forwardRef, PropsWithChildren, useMemo } from "react";
 import { borderedFocusStyle } from "theme";
 import Checkbox from "ui/shared/Checkbox";
 
@@ -157,13 +157,9 @@ const renderOption: AutocompleteProps<
   "div"
 >["renderOption"] = (props, option, { selected }) => (
   <ListItem {...props}>
-    <Checkbox
-      data-testid="select-checkbox"
-      checked={selected}
-      inputProps={{
-        "aria-label": option.name,
-      }}
-    />
+    <Box component="span" aria-hidden="true">
+      {selected ? "✅" : "❎"}
+    </Box>
     <ListItemText sx={{ ml: 2 }}>{option.name}</ListItemText>
   </ListItem>
 );