import { useMutation, useQueryClient } from '@tanstack/react-query' import { toast } from 'sonner' import { actionKeys } from '../actions/keys' import { branchKeys } from './keys' import { handleError, post } from '@/data/fetchers' import type { ResponseError, UseCustomMutationOptions } from '@/types' export type BranchPushVariables = { branchRef: string projectRef: string } export async function pushBranch({ branchRef }: Pick) { const { data, error } = await post('/v1/branches/{branch_id_or_ref}/push', { params: { path: { branch_id_or_ref: branchRef } }, body: {}, }) if (error) handleError(error) return data } type BranchPushData = Awaited> export const useBranchPushMutation = ({ onSuccess, onError, ...options }: Omit< UseCustomMutationOptions, 'mutationFn' > = {}) => { const queryClient = useQueryClient() return useMutation({ mutationFn: (vars) => pushBranch(vars), async onSuccess(data, variables, context) { const { projectRef } = variables await queryClient.invalidateQueries({ queryKey: branchKeys.list(projectRef) }) await queryClient.invalidateQueries({ queryKey: actionKeys.list(projectRef) }) await onSuccess?.(data, variables, context) }, async onError(data, variables, context) { if (onError === undefined) { toast.error(`Failed to push branch: ${data.message}`) } else { onError(data, variables, context) } }, ...options, }) }