refactor(frontend): extract loading animation logic into a separate f…

…unction
utmgdsc · Nov 7, 2024 · ba882a7 · ba882a7
1 parent a4feac1
commit ba882a7
Showing 1 changed file with 13 additions and 16 deletions.
diff --git a/frontend/src/axios.ts b/frontend/src/axios.ts
@@ -26,32 +26,29 @@ instance.interceptors.request.use((config) => {
     return config;
 });
 
+const loadingAnimation = () => {
+    setTimeout(() => {
+        if (loading === 0) {
+            const loadingBackdrop = document.getElementById('axios-loading-backdrop');
+            if (loadingBackdrop) {
+                loadingBackdrop.style.display = 'none';
+            }
+        }
+    }, 500);
+};
+
 instance.interceptors.response.use(
     (response) => {
         if ('skipLoadingWheel' in response.config && response.config.skipLoadingWheel === true) {
             return response;
         }
         loading -= 1;
-        setTimeout(() => {
-            if (loading === 0) {
-                const loadingBackdrop = document.getElementById('axios-loading-backdrop');
-                if (loadingBackdrop) {
-                    loadingBackdrop.style.display = 'none';
-                }
-            }
-        }, 500);
+        loadingAnimation();
         return response;
     },
     (error) => {
         loading -= 1;
-        setTimeout(() => {
-            if (loading === 0) {
-                const loadingBackdrop = document.getElementById('axios-loading-backdrop');
-                if (loadingBackdrop) {
-                    loadingBackdrop.style.display = 'none';
-                }
-            }
-        }, 500);
+        loadingAnimation();
         return Promise.reject(error);
     },
 );