DeleteSecretModal() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Integrations/Vault/Secrets/DeleteSecretModal.tsx lines 14–61

const DeleteSecretModal = ({ selectedSecret, onClose, onDeleteStart }: DeleteSecretModalProps) => {
  const { data: project } = useSelectedProjectQuery()
  const { mutate: deleteSecret, isPending: isDeleting } = useVaultSecretDeleteMutation({
    onSuccess: () => {
      toast.success(`Successfully deleted secret ${selectedSecret?.name}`)
      onClose()
    },
    onError: (error) => {
      toast.error(`Failed to delete secret: ${error.message}`)
    },
  })

  const onConfirmDeleteSecret = async () => {
    if (!project) return console.error('Project is required')
    if (!selectedSecret) return

    onDeleteStart?.(selectedSecret.id)
    deleteSecret({
      projectRef: project.ref,
      connectionString: project?.connectionString,
      id: selectedSecret.id,
    })
  }

  return (
    <Modal
      size="small"
      alignFooter="right"
      visible={selectedSecret !== undefined}
      onCancel={onClose}
      onConfirm={onConfirmDeleteSecret}
      loading={isDeleting}
      header="Confirm to delete secret"
    >
      <Modal.Content className="space-y-4">
        <p className="text-sm">
          The following secret will be permanently removed and cannot be recovered. Are you sure?
        </p>
        <div className="space-y-1">
          <p className="text-sm">{selectedSecret?.description}</p>
          <p className="text-sm text-foreground-light">
            ID: <span className="font-mono">{selectedSecret?.id}</span>
          </p>
        </div>
      </Modal.Content>
    </Modal>
  )
}