fix: allow removing bot conditions

Author: beeman

libs/web/role/ui/src/lib/role-condition-ui-settings.tsx

@@ -1,13 +1,14 @@
-import { Paper } from '@mantine/core'
+import { ActionIcon, Paper } from '@mantine/core'
 import { NetworkTokenType, RoleCondition, UserUpdateRoleConditionInput } from '@pubkey-link/sdk'
 import { NetworkTokenUiItem } from '@pubkey-link/web-network-token-ui'
 import { useUserFindOneRole } from '@pubkey-link/web-role-data-access'
-import { UiDebug, UiStack } from '@pubkey-ui/core'
+import { UiDebug, UiGroup, UiStack } from '@pubkey-ui/core'
 import { RoleConditionUiUpdateFormFungible } from './role-condition-ui-update-form-fungible'
 import { RoleConditionUiUpdateFormNonFungible } from './role-condition-ui-update-form-non-fungible'
+import { IconTrash } from '@tabler/icons-react'
 
 export function RoleConditionUiSettings({ condition }: { condition: RoleCondition }) {
-  const { updateRoleCondition } = useUserFindOneRole({ roleId: condition.roleId! })
+  const { deleteRoleCondition, updateRoleCondition } = useUserFindOneRole({ roleId: condition.roleId! })
   function update(input: UserUpdateRoleConditionInput) {
     return updateRoleCondition(condition.id, {
       ...input,
@@ -21,7 +22,22 @@ export function RoleConditionUiSettings({ condition }: { condition: RoleConditio
       return condition.token ? (
         <Paper withBorder p="md" radius="sm" shadow="md">
           <UiStack>
-            <NetworkTokenUiItem networkToken={condition.token} />
+            <UiGroup>
+              <NetworkTokenUiItem networkToken={condition.token} />
+              <ActionIcon
+                onClick={() => {
+                  if (!window.confirm('Are you sure?')) {
+                    return
+                  }
+                  return deleteRoleCondition(condition.id)
+                }}
+                variant="light"
+                color="red"
+                size="xs"
+              >
+                <IconTrash />
+              </ActionIcon>
+            </UiGroup>
             <RoleConditionUiUpdateFormNonFungible item={condition} submit={update} />
           </UiStack>
         </Paper>