chore: move error notification function to utils.ts

eclipse-jifa · Mar 11, 2024 · 230ecc6 · 230ecc6
1 parent 0f967f4
commit 230ecc6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 17 deletions.
diff --git a/frontend/src/composables/analysis-api-requester.ts b/frontend/src/composables/analysis-api-requester.ts
@@ -13,9 +13,9 @@
 import type { FileType } from '@/composables/file-types';
 import { useAnalysisStore } from '@/stores/analysis';
 import { useEnv } from '@/stores/env';
+import { showErrorNotification } from '@/support/utils';
 import { Client } from '@stomp/stompjs';
 import axios from 'axios';
-import { ElNotification } from 'element-plus';
 // @ts-ignore
 import { v4 as uuidv4 } from 'uuid';
 
@@ -97,13 +97,7 @@ function byStomp(resolve: (req: Requester) => void) {
             }
 
             resRejMap.delete(requestId);
-            ElNotification.error({
-              title: data.errorCode,
-              message: data.message,
-              offset: 80,
-              duration: 0,
-              showClose: true
-            });
+            showErrorNotification(data.errorCode, data.message);
             resRej.reject(data);
           }
         }

diff --git a/frontend/src/stores/env.ts b/frontend/src/stores/env.ts
@@ -11,13 +11,12 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 import { useAnalysisStore } from '@/stores/analysis';
+import { showErrorNotification } from '@/support/utils';
 import axios from 'axios';
 import axiosRetry from 'axios-retry';
-import { ElNotification } from 'element-plus';
 import { defineStore } from 'pinia';
 // @ts-ignore
 import Cookies from 'js-cookie';
-import { h } from 'vue';
 
 export interface User {
   name: string;
@@ -150,13 +149,7 @@ axios.interceptors.response.use(
       let data = resp.data;
       if (status === 500) {
         if (data && data.hasOwnProperty('errorCode')) {
-          ElNotification.error({
-            title: data.errorCode,
-            message: h('p', { style: 'word-break: break-all' }, data.message),
-            offset: 50,
-            duration: 0,
-            showClose: true
-          });
+          showErrorNotification(data.errorCode, data.message);
         }
       }
     }

diff --git a/frontend/src/support/utils.ts b/frontend/src/support/utils.ts
@@ -11,6 +11,8 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 import { formatDate } from '@vueuse/core';
+import { ElNotification } from 'element-plus';
+import { h } from 'vue';
 
 function nullOrUndefined(v: any) {
   return v === null || v === undefined;
@@ -76,3 +78,13 @@ export function prettyTime(number: number, format: string) {
   }
   return format;
 }
+
+export function showErrorNotification(errorCode: string, message: string) {
+  ElNotification.error({
+    title: errorCode,
+    message: h('p', { style: 'word-break: break-all' }, message),
+    offset: 50,
+    duration: 0,
+    showClose: true
+  });
+}