sanity-plugin-mux-input/src/hooks/useCancelUpload.ts

An input component that integrates Sanity Studio with Mux video encoding/hosting service.

import {useCallback} from 'react'
import {PatchEvent, unset} from 'sanity'

import {deleteAssetOnMux} from '../actions/assets'
import {useClient} from '../hooks/useClient'
import type {MuxInputProps, VideoAssetDocument} from '../util/types'

export const useCancelUpload = (asset: VideoAssetDocument, onChange: MuxInputProps['onChange']) => {
  const client = useClient()
  return useCallback(() => {
    if (!asset) {
      return
    }
    onChange(PatchEvent.from(unset()))
    if (asset.assetId) {
      deleteAssetOnMux(client, asset.assetId)
    }
    if (asset._id) {
      client.delete(asset._id)
    }
  }, [asset, client, onChange])
}