mirror of
https://github.com/Steffo99/festa.git
synced 2024-12-22 14:44:21 +00:00
76 lines
No EOL
2.4 KiB
TypeScript
76 lines
No EOL
2.4 KiB
TypeScript
import { AxiosRequestConfig, AxiosResponse } from "axios";
|
|
import { useCallback, useReducer } from "react";
|
|
import { useAxios } from "./useAxios";
|
|
|
|
type ReducerActionStart = { type: "start" }
|
|
type ReducerActionDone<T, D = any> = { type: "done", response: AxiosResponse<T, D> }
|
|
type ReducerActionError<T, D = any> = { type: "error", error: any }
|
|
type ReducerAction<T, D = any> = ReducerActionStart | ReducerActionDone<T, D> | ReducerActionError<T, D>
|
|
|
|
type ReducerState<T, D = any> = {
|
|
running: boolean,
|
|
response: AxiosResponse<T, D> | undefined,
|
|
error: any | undefined,
|
|
}
|
|
|
|
export function useAxiosRequest<T, D = any>(config: AxiosRequestConfig<D> = {}, onSuccess?: (response: AxiosResponse<T>) => void, onError?: (error: any) => void) {
|
|
const axios = useAxios()
|
|
|
|
const [state, dispatch] = useReducer(
|
|
(prev: ReducerState<T, D>, action: ReducerAction<T, D>) => {
|
|
switch (action.type) {
|
|
case "start":
|
|
return {
|
|
running: true,
|
|
response: undefined,
|
|
error: undefined,
|
|
}
|
|
case "done":
|
|
return {
|
|
running: false,
|
|
response: action.response,
|
|
error: undefined,
|
|
}
|
|
case "error":
|
|
return {
|
|
running: false,
|
|
response: action.error.response,
|
|
error: action.error
|
|
}
|
|
}
|
|
},
|
|
{
|
|
running: false,
|
|
response: undefined,
|
|
error: undefined,
|
|
}
|
|
)
|
|
|
|
const run = useCallback(
|
|
|
|
async (funcConfig: AxiosRequestConfig<D> = {}) => {
|
|
dispatch({ type: "start" })
|
|
|
|
try {
|
|
var response: AxiosResponse<T, D> = await axios.request({ ...config, ...funcConfig })
|
|
}
|
|
catch (error) {
|
|
dispatch({ type: "error", error })
|
|
onError?.(error)
|
|
return
|
|
}
|
|
|
|
dispatch({ type: "done", response })
|
|
onSuccess?.(response)
|
|
},
|
|
[axios]
|
|
)
|
|
|
|
return {
|
|
running: state.running,
|
|
response: state.response,
|
|
data: state.response?.data as T | undefined,
|
|
error: state.error,
|
|
run,
|
|
}
|
|
} |