Merge pull request #4384 from systeminit/feat/add-maintenance-timeout…

…-to-toast feat: add maintenance timeout to toast as 60s
systeminit · Aug 20, 2024 · 0dc6535 · 0dc6535
2 parents cbae6d1 + 037118c
commit 0dc6535
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/...src/components/toasts/MaintananceMode.vue → ...src/components/toasts/MaintenanceMode.vue b/...src/components/toasts/MaintananceMode.vue → ...src/components/toasts/MaintenanceMode.vue
diff --git a/app/web/src/main.ts b/app/web/src/main.ts
@@ -141,7 +141,7 @@ const filterToasts = (toasts: any[]) => {
     if (t.content.component?.__name === "Conflict") {
       return [t];
     }
-    if (t.content.component?.__name === "MaintananceMode") {
+    if (t.content.component?.__name === "MaintenanceMode") {
       return [t];
     }
   }

diff --git a/app/web/src/store/apis.ts b/app/web/src/store/apis.ts
@@ -9,7 +9,7 @@ import { useAuthStore } from "@/store/auth.store";
 import { useChangeSetsStore } from "@/store/change_sets.store";
 import { trackEvent } from "@/utils/tracking";
 import FiveHundredError from "@/components/toasts/FiveHundredError.vue";
-import MaintananceMode from "@/components/toasts/MaintananceMode.vue";
+import MaintenanceMode from "@/components/toasts/MaintenanceMode.vue";
 
 // api base url - can use a proxy or set a full url
 let apiUrl: string;
@@ -90,15 +90,15 @@ async function handle500(error: AxiosError) {
   return Promise.reject(error);
 }
 
-async function handleMaintananceMode(error: AxiosError) {
+async function handleMaintenanceMode(error: AxiosError) {
   if (error?.response?.status === 503) {
     const toast = useToast();
     toast(
       {
-        component: MaintananceMode,
+        component: MaintenanceMode,
       },
       {
-        timeout: false,
+        timeout: 60000,
       },
     );
   }
@@ -108,7 +108,7 @@ async function handleMaintananceMode(error: AxiosError) {
 sdfApiInstance.interceptors.response.use(handleProxyTimeouts, handle500);
 sdfApiInstance.interceptors.response.use(
   handleForcedChangesetRedirection,
-  handleMaintananceMode,
+  handleMaintenanceMode,
 );
 
 export const authApiInstance = Axios.create({