fix: manage correctly the token not present in local storage (#1184)

Author: alanpoulain

admin/authentication-support.md

@@ -17,28 +17,37 @@ import authProvider from "./authProvider";
 
 const entrypoint = process.env.REACT_APP_API_ENTRYPOINT;
 const fetchHeaders = { Authorization: `Bearer ${window.localStorage.getItem("token")}` };
-const fetchHydra = (url, options = {}) => baseFetchHydra(url, {
-    ...options,
-    headers: new Headers(fetchHeaders),
-});
-const apiDocumentationParser = entrypoint => parseHydraDocumentation(entrypoint, { headers: new Headers(fetchHeaders) })
-    .then(
+const fetchHydra = (url, options = {}) =>
+    localStorage.getItem("token")
+        ? baseFetchHydra(url, {
+              ...options,
+              headers: new Headers(fetchHeaders()),
+          })
+        : baseFetchHydra(url, options);
+const apiDocumentationParser = (entrypoint) =>
+    parseHydraDocumentation(
+        entrypoint,
+        localStorage.getItem("token")
+            ? { headers: new Headers(fetchHeaders()) }
+            : {}
+    ).then(
         ({ api }) => ({ api }),
         (result) => {
-            switch (result.status) {
-                case 401:
-                    return Promise.resolve({
-                        api: result.api,
-                        customRoutes: [
-                            <Route path="/" render={() => {
-                                return window.localStorage.getItem("token") ? window.location.reload() : <Redirect to="/login" />
-                            }} />
-                        ],
-                    });
-
-                default:
-                    return Promise.reject(result);
+            if (result.status === 401) {
+                // Prevent infinite loop if the token is expired
+                localStorage.removeItem("token");
+
+                return Promise.resolve({
+                    api: result.api,
+                    customRoutes: [
+                        <Route path="/" render={() => {
+                            return localStorage.getItem("token") ? window.location.reload() : <Redirect to="/login" />
+                        }} />
+                    ],
+                });
             }
+
+            return Promise.reject(result);
         },
     );
 const dataProvider = baseHydraDataProvider(entrypoint, fetchHydra, apiDocumentationParser);