Merge pull request #1460 from gchq/BAI-1413/change-all-delete-icons-t…

…o-bin Change RemoveIcon to CloseIcon
gchq · Aug 14, 2024 · 69b7eb2 · 69b7eb2
2 parents 5c38edb + 390985e
commit 69b7eb2
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/frontend/src/Form/FormTemplates.tsx b/frontend/src/Form/FormTemplates.tsx
@@ -1,6 +1,6 @@
 import AddIcon from '@mui/icons-material/Add'
-import RemoveIcon from '@mui/icons-material/Remove'
-import { Box, Button, Card, Grid, IconButton, Stack, Typography } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+import { Box, Button, Card, Grid, IconButton, Stack, Tooltip, Typography } from '@mui/material'
 import { ArrayFieldTemplateProps, ObjectFieldTemplateProps } from '@rjsf/utils'
 
 export function ArrayFieldTemplate(props: ArrayFieldTemplateProps) {
@@ -16,9 +16,11 @@ export function ArrayFieldTemplate(props: ArrayFieldTemplateProps) {
           </Grid>
           <Grid item xs={1}>
             {props.formContext.editMode && (
-              <IconButton size='small' type='button' onClick={element.onDropIndexClick(element.index)}>
-                <RemoveIcon color='error' />
-              </IconButton>
+              <Tooltip title='Remove item'>
+                <IconButton size='small' type='button' onClick={element.onDropIndexClick(element.index)}>
+                  <CloseIcon color='error' />
+                </IconButton>
+              </Tooltip>
             )}
           </Grid>
         </Grid>