fix(node-ui): expired client key (#939)

calimero-network · Nov 5, 2024 · cd3a318 · cd3a318
1 parent f9a0e15
commit cd3a318
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 6 deletions.
diff --git a/node-ui/build/assets/main-CEAaf8Ev.js → node-ui/build/assets/main-Bzv535nm.js b/node-ui/build/assets/main-CEAaf8Ev.js → node-ui/build/assets/main-Bzv535nm.js
diff --git a/node-ui/build/index.html b/node-ui/build/index.html
@@ -36,7 +36,7 @@
       })(window.location);
     </script>
     <!-- End Single Page Apps for GitHub Pages -->
-    <script type="module" crossorigin src="/admin-dashboard/assets/main-CEAaf8Ev.js"></script>
+    <script type="module" crossorigin src="/admin-dashboard/assets/main-Bzv535nm.js"></script>
     <link rel="stylesheet" crossorigin href="/admin-dashboard/assets/main-BesWMiQO.css">
   </head>
   <body>

diff --git a/node-ui/src/api/httpClient.ts b/node-ui/src/api/httpClient.ts
@@ -41,6 +41,9 @@ export class AxiosHttpClient implements HttpClient {
     this.axios.interceptors.response.use(
       (response: AxiosResponse) => response,
       (error: AxiosError) => {
+        if (error.response?.status === 401) {
+          window.location.href = '/admin-dashboard/';
+        }
         if (!error.response) {
           this.showServerDownPopup();
         }

diff --git a/node-ui/src/pages/setup/index.tsx b/node-ui/src/pages/setup/index.tsx
@@ -1,13 +1,17 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { setAppEndpointKey } from '../../utils/storage';
+import { clearStorage, setAppEndpointKey } from '../../utils/storage';
 import ContentWrapper from '../../components/login/ContentWrapper';
 import { SetupModal } from '../../components/setup/SetupModal';
 import { getNodeUrl } from '../../utils/node';
 
 export default function SetupPage() {
   const navigate = useNavigate();
 
+  useEffect(() => {
+    clearStorage();
+  }, []);
+
   return (
     <ContentWrapper>
       <SetupModal

diff --git a/node-ui/src/utils/storage.ts b/node-ui/src/utils/storage.ts
@@ -12,6 +12,12 @@ export interface ClientKey {
   publicKey: string;
 }
 
+export const clearStorage = () => {
+  localStorage.removeItem(APP_URL);
+  localStorage.removeItem(AUTHORIZED);
+  localStorage.removeItem(CLIENT_KEY);
+};
+
 export const getAppEndpointKey = (): string | null => {
   try {
     if (typeof window !== 'undefined' && window.localStorage) {