refactor(form-builder): add trash icon to confirm delete button

sanity-io · Apr 8, 2021 · 2a61514 · 2a61514
1 parent 7edf026
commit 2a61514
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/arrays/ArrayOfObjectsInput/ConfirmDeleteButton.tsx b/packages/@sanity/form-builder/src/inputs/arrays/ArrayOfObjectsInput/ConfirmDeleteButton.tsx
@@ -11,17 +11,24 @@ export function ConfirmDeleteButton(props: {
 }) {
   const {onConfirm, placement = 'left', disabled} = props
   const id = useId()
+
   return (
     <MenuButton
+      button={<Button icon={TrashIcon} mode="bleed" disabled={disabled} />}
       id={id || ''}
-      button={<Button mode="bleed" icon={TrashIcon} disabled={disabled} />}
-      placement={placement}
-      portal={false}
       menu={
         <Menu>
-          <MenuItem color="danger" onClick={onConfirm} tone="critical" text={props.title} />
+          <MenuItem
+            color="danger"
+            icon={TrashIcon}
+            onClick={onConfirm}
+            text={props.title}
+            tone="critical"
+          />
         </Menu>
       }
+      placement={placement}
+      portal={false}
     />
   )
 }