[RTT-04] Integrate new config API

Author: Le Tuan Kiet

src/App.tsx

@@ -1,6 +1,6 @@
 import { debounce } from '@mui/material';
 import { useEffect, useReducer, useState } from 'react';
-import services from './api/index';
+import { getInfoCity } from './api/weather';
 import './App.css';
 import { ACTION_TYPE, apiReducer, INITIAL_STATE } from './utils/reducers/WeatherReducers';
 
@@ -35,15 +35,12 @@ function App() {
 	const getInfoWithCityName = async (payload: FormSearchByName | FormSearchByLatLong) => {
 		dispatch({ type: ACTION_TYPE.FETCH_START });
 
-		await services.weather
-			.index(payload)
-			.then(({ data: weatherInfo }) => {
-				dispatch({ type: ACTION_TYPE.FETCH_SUCCESS, payload: weatherInfo });
-				setIsSuccess(true);
-			})
-			.catch((e: ApiError) => {
-				dispatch({ type: ACTION_TYPE.FETCH_FAILED, errorMsg: e.message });
-			});
+		await getInfoCity(payload).then((weatherInfo) =>{
+			dispatch({ type: ACTION_TYPE.FETCH_SUCCESS, payload: weatherInfo });
+			setIsSuccess(true);
+		}).catch((e: ApiError) => {
+			dispatch({ type: ACTION_TYPE.FETCH_FAILED, errorMsg: e.message });
+		});
 	};
 
 	return (

src/api/index.ts

@@ -0,0 +1,9 @@
+import axios from "axios";
+import API from "../utils/constants/api";
+import { linkApi } from "../utils/service/api";
+
+export const getInfoCity = async (
+  params: FormSearchByName | FormSearchByLatLong
+): Promise<ApiResponse> => {
+  return axios.get(linkApi(API.WEATHER), { params }).then((d) => d.data);
+};

src/api/weather.ts

@@ -1,39 +1,7 @@
-import axios, { AxiosError, AxiosResponse } from "axios";
 import urlJoin from "url-join";
-import { API_STATUS } from "../constants/api";
 
 const baseURL = process.env.REACT_APP_API_ENDPOINT || "";
 
-const linkApi = (resource: string) => {
+export const linkApi = (resource: string) => {
   return urlJoin(baseURL, resource);
 };
-
-const handleError = (error: AxiosError) => {
-  if (
-    !error.response?.status ||
-    [API_STATUS.HTTP_500_SERVER].includes(error.response?.status)
-  ) {
-    console.log(error.response);
-  } else {
-    return error.response.data;
-  }
-};
-
-class RestService<T = any, R = any> {
-  constructor(protected resource: string) {}
-
-  index(params?: R) {
-    return new Promise<AxiosResponse<T>>((resolve, rejects) => {
-      axios
-        .get<T>(linkApi(this.resource), {
-          params,
-        })
-        .then(resolve)
-        .catch((error: AxiosError) => {
-          rejects(handleError(error));
-        });
-    });
-  }
-}
-
-export default RestService;