logos-ordinals-dashboard/apis/operators/useUnstakeOperator.ts

import { useMutation } from '@tanstack/react-query'
import { AxiosResponse } from 'axios'
import { api } from '../../common/api'

interface UnstakeRequest {
  operator_id: string
  setIsStaked: (isStaked: boolean) => void
}

interface UnstakeResponse {
  success: boolean
  message: string
}

const postUnstake = async ({
  operator_id,
  setIsStaked,
}: UnstakeRequest): Promise<UnstakeResponse> => {
  try {
    const token = sessionStorage.getItem('accessToken')
    api.defaults.headers.common['Authorization'] = `Bearer ${token}`

    const response: AxiosResponse<UnstakeResponse> = await api.post(
      `/user/operators/${operator_id}/unstake`,
    )

    setIsStaked(false)
    return response.data
  } catch (error: any) {
    if (error.response) {
      if (error.response.status === 403) {
        alert(
          'Access Denied: You do not have permission to perform this action.',
        )
        throw new Error(
          'Access Denied: You do not have permission to perform this action.',
        )
      }
      if (error.response.status === 404) {
        alert('Operator not found. Please check the operator ID.')
        throw new Error('Operator not found. Please check the operator ID.')
      }
    }
    throw new Error('An unexpected error occurred. Please try again later.')
  }
}

export const useUnstakeOperator = () => {
  return useMutation<UnstakeResponse, Error, UnstakeRequest>({
    mutationFn: postUnstake,
  })
}