feat :: refresh #29

src/lib/axios/responseHandler.ts

@@ -0,0 +1,31 @@
+import { AxiosError } from "axios";
+import {
+  ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN_KEY,
+} from "../../constants/token/token.constant";
+import AuthRepositoryImpl from "../../repositories/auth/AuthRepositoryImpl";
+import token from "../token/token";
+
+export const responseHandler = async (error: AxiosError) => {
+  if (error.response) {
+    const {
+      response: { status },
+    } = error;
+
+    const usingAccessToken = token.getToken(ACCESS_TOKEN_KEY);
+    const usingRefreshToken = token.getToken(REFRESH_TOKEN_KEY);
+
+    if (
+      usingAccessToken !== undefined &&
+      usingRefreshToken !== undefined &&
+      status === 401
+    ) {
+      try {
+        const { data: newAccessToken } = await AuthRepositoryImpl.refresh(
+          usingAccessToken
+        );
+        token.setToken(ACCESS_TOKEN_KEY, newAccessToken.accessToken);
+      } catch (error) {}
+    }
+  }
+};

src/repositories/auth/AuthRepository.ts

@@ -3,6 +3,7 @@ import { TokenResponse } from "../../types/token/Token.type";
 
 export interface AuthRepository {
   login({ code }: LoginParam): Promise<TokenResponse>;
+  refresh(accessToken: string): Promise<{ data: { accessToken: string } }>;
 }
 
 export interface LoginParam {

src/repositories/auth/AuthRepositoryImpl.ts

@@ -8,6 +8,15 @@ class AuthRepositoryImpl implements AuthRepository {
     const { data } = await axios.post(`${config.SERVER}/auth/login`, { code });
     return data;
   }
+
+  public async refresh(
+    accessToken: string
+  ): Promise<{ data: { accessToken: string } }> {
+    const { data } = await axios.post(`${config.SERVER}/auth/refresh`, {
+      accessToken,
+    });
+    return data;
+  }
 }
 
 export default new AuthRepositoryImpl();