Optimize refresh token for dispatch actions (#39)

src/api/refreshToken.ts

@@ -1,19 +1,32 @@
-import { API_URL } from "constants/settings";
+import { differenceInMinutes, fromUnixTime } from "date-fns";
+import { API_URL, SESSION_EXPIRED } from "constants/settings";
+import { parseJwt } from "helpers/parseJwt";
 
 export const refreshToken = async (token: string): Promise<string> => {
-  const response = await fetch(`${API_URL}/refresh-token`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`,
-    },
-  });
+  const jwt = parseJwt(token);
+  // JWT session is 15 min
+  const minRemaining = differenceInMinutes(fromUnixTime(jwt.exp), Date.now());
 
-  const responseJson = await response.json();
+  if (minRemaining <= 0) {
+    throw SESSION_EXPIRED;
+  } else if (minRemaining < 5) {
+    const response = await fetch(`${API_URL}/refresh-token`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
 
-  if (responseJson.token) {
-    return responseJson.token;
+    const responseJson = await response.json();
+
+    if (responseJson.token) {
+      return responseJson.token;
+    }
+
+    throw responseJson;
   }
 
-  throw responseJson;
+  // Return current token
+  return token;
 };