From 4e2ff5930b49052818080e7a046f838b1b96866e Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 23 Aug 2023 15:44:14 +0800
Subject: [PATCH] fix: test connection status flash

---
 frontend/src/components/dialogs/ConnectionDialog.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/dialogs/ConnectionDialog.vue b/frontend/src/components/dialogs/ConnectionDialog.vue
index 24beefc..700a7f1 100644
--- a/frontend/src/components/dialogs/ConnectionDialog.vue
+++ b/frontend/src/components/dialogs/ConnectionDialog.vue
@@ -238,11 +238,13 @@ const onClose = () => {
             </n-tabs>
 
             <!-- test result alert-->
-            <n-alert v-if="showTestConnSuccResult" title="" type="success">
-                {{ $t('conn_test_succ') }}
-            </n-alert>
-            <n-alert v-if="showTestConnFailResult" title="" type="error">
-                {{ $t('conn_test_fail') }}: {{ testResult }}
+            <n-alert
+                v-if="showTestResult"
+                :title="isEmpty(testResult) ? '' : $t('conn_test_fail')"
+                :type="isEmpty(testResult) ? 'success' : 'error'"
+            >
+                <template v-if="isEmpty(testResult)"> {{ $t('conn_test_succ') }}</template>
+                <template v-else>{{ testResult }}</template>
             </n-alert>
         </n-spin>