feat(indexd): add contract delete

Author: telestrial

.changeset/add-contract-delete-api.md

@@ -0,0 +1,7 @@
+---
+'@siafoundation/indexd-types': minor
+'@siafoundation/indexd-js': minor
+'@siafoundation/indexd-react': minor
+---
+
+Added contract delete API.

.changeset/add-contract-delete-ui.md

@@ -0,0 +1,5 @@
+---
+'indexd': minor
+---
+
+Added contract delete action to contract side panel and bulk actions.

apps/indexd/components/Data/Contracts/SidePanelContract.tsx

@@ -17,6 +17,7 @@ import { SidePanelHeadingCopyable } from '../SidePanelHeadingCopyable'
 import { SidePanelSkeleton } from '../SidePanelSkeleton'
 import { useHost } from '../Hosts/useHost'
 import { countryCodeEmoji } from '@siafoundation/units'
+import { BulkContractDelete } from './bulkActions/BulkContractDelete'
 
 export function SidePanelContract() {
   const { panelId, setPanelId } = useContractsParams()
@@ -46,7 +47,7 @@ export function SidePanelContract() {
       loading={
         <SidePanelSkeleton
           withMap
-          withActions={false}
+          withActions
           onClose={() => setPanelId(undefined)}
         />
       }
@@ -67,6 +68,7 @@ export function SidePanelContract() {
               label="contract"
             />
           }
+          actions={<BulkContractDelete contracts={[contract]} />}
         >
           <HostMap
             hosts={mapContract ? [mapContract] : []}

apps/indexd/components/Data/Contracts/SidePanelContractList.tsx

@@ -3,6 +3,7 @@ import { ContractDataTableState } from './types'
 import { SidePanel } from '../SidePanel'
 import { useMemo } from 'react'
 import { MetricsContracts } from '../../Metrics/MetricsContracts'
+import { BulkContractDelete } from './bulkActions/BulkContractDelete'
 
 export function SidePanelContractList({
   table,
@@ -23,6 +24,11 @@ export function SidePanelContractList({
               : 'All contracts'}
         </Text>
       }
+      actions={
+        table.isSelection ? (
+          <BulkContractDelete contracts={table.selectedRows} />
+        ) : null
+      }
       customCloseAction={
         table.isSelection ? (
           <Button onClick={() => table.setRowSelection({})}>

apps/indexd/components/Data/Contracts/bulkActions/BulkContractDelete.tsx

@@ -0,0 +1,78 @@
+import { Button, handleBatchOperation } from '@siafoundation/design-system'
+import { useAdminContractDelete } from '@siafoundation/indexd-react'
+import { useCallback } from 'react'
+import { pluralize } from '@siafoundation/units'
+import { ContractData } from '../types'
+import { useMutate } from '@siafoundation/react-core'
+import {
+  adminContractRoute,
+  adminContractsRoute,
+} from '@siafoundation/indexd-types'
+import { Row } from '@tanstack/react-table'
+import { TrashCan16 } from '@siafoundation/react-icons'
+import { useDialog } from '../../../../contexts/dialog'
+
+export function BulkContractDelete({
+  contracts,
+}: {
+  contracts: ContractData[] | Row<ContractData>[]
+}) {
+  const contractDelete = useAdminContractDelete()
+  const mutate = useMutate()
+  const { openConfirmDialog } = useDialog()
+
+  const normalized = contracts.map((contract) =>
+    'id' in contract && 'displayFields' in contract
+      ? contract
+      : (contract.original as ContractData)
+  )
+
+  const operation = useCallback(async () => {
+    await handleBatchOperation(
+      normalized.map((contract) =>
+        contractDelete.delete({
+          params: {
+            contractid: contract.id,
+          },
+        })
+      ),
+      {
+        toastError: ({ successCount, errorCount, totalCount }) => ({
+          title: `Deleted ${pluralize(successCount, 'contract')}`,
+          body: `Error deleting ${errorCount}/${totalCount} total contracts.`,
+        }),
+        toastSuccess: ({ totalCount }) => ({
+          title: `Deleted ${pluralize(totalCount, 'contract')}`,
+        }),
+      }
+    )
+    await mutate((key) => key.startsWith(adminContractsRoute))
+    await mutate((key) =>
+      key.startsWith(adminContractRoute.replace(':contractid', ''))
+    )
+  }, [normalized, contractDelete, mutate])
+
+  return (
+    <Button
+      onClick={() =>
+        openConfirmDialog({
+          title:
+            normalized.length === 1
+              ? 'Delete this contract?'
+              : `Delete ${pluralize(normalized.length, 'contract')}?`,
+          action: 'Delete',
+          variant: 'red',
+          body:
+            normalized.length === 1
+              ? 'Sectors pinned to this contract will be unpinned and the contract will be marked as bad.'
+              : 'Sectors pinned to the selected contracts will be unpinned and the contracts will be marked as bad.',
+          onConfirm: operation,
+        })
+      }
+      variant="red"
+    >
+      <TrashCan16 />
+      Delete{contracts.length > 1 ? ` (${contracts.length})` : ''}
+    </Button>
+  )
+}

libs/indexd-js/src/admin.ts

@@ -24,6 +24,9 @@ import {
   AdminContractParams,
   AdminContractPayload,
   AdminContractResponse,
+  AdminContractDeleteParams,
+  AdminContractDeletePayload,
+  AdminContractDeleteResponse,
   adminContractRoute,
   AdminContractsParams,
   AdminContractsPayload,
@@ -253,6 +256,11 @@ export function Admin({
       AdminContractPayload,
       AdminContractResponse
     >(axios, 'get', adminContractRoute),
+    contractDelete: buildRequestHandler<
+      AdminContractDeleteParams,
+      AdminContractDeletePayload,
+      AdminContractDeleteResponse
+    >(axios, 'delete', adminContractRoute),
     contracts: buildRequestHandler<
       AdminContractsParams,
       AdminContractsPayload,

libs/indexd-react/src/admin.ts

@@ -30,6 +30,9 @@ import {
   adminContractRoute,
   AdminContractParams,
   AdminContractResponse,
+  AdminContractDeleteParams,
+  AdminContractDeletePayload,
+  AdminContractDeleteResponse,
   AdminContractsParams,
   AdminContractsResponse,
   adminContractsRoute,
@@ -313,6 +316,19 @@ export function useAdminContract(
   })
 }
 
+export function useAdminContractDelete(
+  args?: HookArgsCallback<
+    AdminContractDeleteParams,
+    AdminContractDeletePayload,
+    AdminContractDeleteResponse
+  >,
+) {
+  return useDeleteFunc({
+    ...args,
+    route: adminContractRoute,
+  })
+}
+
 export function useAdminContracts(
   args?: HookArgsSwr<AdminContractsParams, AdminContractsResponse>,
 ) {

libs/indexd-types/src/admin/index.ts

@@ -123,6 +123,12 @@ export type AdminContractParams = {
 export type AdminContractPayload = void
 export type AdminContractResponse = Contract
 
+export type AdminContractDeleteParams = {
+  contractid: FileContractID
+}
+export type AdminContractDeletePayload = void
+export type AdminContractDeleteResponse = void
+
 export const adminContractsRoute = '/contracts'
 export type AdminContractsSortBy =
   | 'id'