From cb0c4ee76bb7028acb434a582c1dd374039eae1c Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Mon, 18 Dec 2023 10:40:50 +0800
Subject: [PATCH] refactor: update replication tour complete option

---
 apps/dfs/src/components/ReplicationTour.vue | 25 ++++++++++++++++-----
 apps/dfs/src/i18n/langs/en.js               | 10 ++++++++-
 apps/dfs/src/i18n/langs/zh-CN.js            |  8 ++++++-
 apps/dfs/src/i18n/langs/zh-TW.js            |  8 ++++++-
 4 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/apps/dfs/src/components/ReplicationTour.vue b/apps/dfs/src/components/ReplicationTour.vue
index c0a766a4a0..a2b40b4145 100644
--- a/apps/dfs/src/components/ReplicationTour.vue
+++ b/apps/dfs/src/components/ReplicationTour.vue
@@ -31,11 +31,24 @@
         <div class="mt-4 fs-5 color-primary">{{ $t('dfs_replication_tour_dialog_finished') }}</div>
         <div class="mt-2">{{ $t('dfs_replication_tour_dialog_finished_subtitle') }}</div>
         <div class="mt-12 fw-sub">{{ $t('dfs_replication_tour_dialog_finished_survey_title') }}</div>
-        <ElRadioGroup v-model="continueUse" class="inline-flex gap-4 mt-4">
-          <ElRadio label="yes" class="m-0 bg-white" border>{{ $t('public_yes') }}</ElRadio>
-          <ElRadio label="no" class="m-0 bg-white" border>{{ $t('public_no') }}</ElRadio>
+        <ElRadioGroup v-model="continueUse" class="flex flex-column gap-2 mt-4 text-start px-6">
+          <ElRadio label="yes" class="m-0 bg-white" border>{{
+            $t('dfs_replication_tour_dialog_finished_option_yes')
+          }}</ElRadio>
+          <ElRadio label="no_plan_no_sure" class="m-0 bg-white" border>{{
+            $t('dfs_replication_tour_dialog_finished_option_no_plan_1')
+          }}</ElRadio>
+          <ElRadio label="no_plan_no_project" class="m-0 bg-white" border>{{
+            $t('dfs_replication_tour_dialog_finished_option_no_plan_2')
+          }}</ElRadio>
+          <ElRadio label="no_plan_data_security" class="m-0 bg-white" border>{{
+            $t('dfs_replication_tour_dialog_finished_option_no_plan_3')
+          }}</ElRadio>
+          <ElRadio label="other" class="m-0 bg-white" border>{{
+            $t('dfs_replication_tour_dialog_finished_option_other')
+          }}</ElRadio>
         </ElRadioGroup>
-        <div class="px-6 mt-4">
+        <div class="px-6 mt-2" v-if="continueUse === 'other'">
           <ElInput
             v-model="suggestion"
             type="textarea"
@@ -48,7 +61,9 @@
       </div>
 
       <div slot="footer" class="text-center">
-        <el-button @click="handleDone" type="primary">{{ $t('dfs_replication_tour_dialog_finish') }}</el-button>
+        <el-button :disabled="!continueUse" @click="handleDone" type="primary">{{
+          $t('dfs_replication_tour_dialog_finish')
+        }}</el-button>
       </div>
     </template>
   </ElDialog>
diff --git a/apps/dfs/src/i18n/langs/en.js b/apps/dfs/src/i18n/langs/en.js
index 03a67a9851..30607c5410 100644
--- a/apps/dfs/src/i18n/langs/en.js
+++ b/apps/dfs/src/i18n/langs/en.js
@@ -1773,8 +1773,16 @@ export default {
   dfs_replication_tour_dialog_finished_subtitle:
     'Next, you can enjoy a free trial of our product for tasks such as database replication and migration',
   dfs_replication_tour_dialog_finished_survey_title:
-    'Through the onboarding guide, you now have a certain understanding of Tapdata. Will you continue to use Tapdata?',
+    'Will you continue to use Tapdata? Please help us to improve our product by providing quick feedback:',
   dfs_replication_tour_dialog_finished_survey_placeholder: 'Enter your feedback or suggestions...',
+  dfs_replication_tour_dialog_finished_option_yes:
+    "Yes, Tapdata appears to meet my expectations for the tool I'm looking for.",
+  dfs_replication_tour_dialog_finished_option_no_plan_1:
+    'No plan to use, as I am not sure how or where I can use Tapdata.',
+  dfs_replication_tour_dialog_finished_option_no_plan_2:
+    "No plan to use, as I don't have a real project at this moment.",
+  dfs_replication_tour_dialog_finished_option_no_plan_3: 'No plan to use, I have concerns over data security.',
+  dfs_replication_tour_dialog_finished_option_other: 'Other, please specify',
   dfs_subscribe_to_professional_plan: 'Subscribe to Professional Plan',
   dfs_order_change: 'Change',
   dfs_change_record: 'Change Record',
diff --git a/apps/dfs/src/i18n/langs/zh-CN.js b/apps/dfs/src/i18n/langs/zh-CN.js
index c6fe659e2f..ae6b403d25 100644
--- a/apps/dfs/src/i18n/langs/zh-CN.js
+++ b/apps/dfs/src/i18n/langs/zh-CN.js
@@ -1638,8 +1638,14 @@ export default {
   dfs_replication_tour_dialog_finished: '恭喜你完成引导',
   dfs_replication_tour_dialog_finished_subtitle: '接下来可以免费体验我们的产品进行数据库的复制、迁移等工作啦',
   dfs_replication_tour_dialog_finished_survey_title:
-    '通过新手引导，您现在对Tapdata有了一定的了解。您还会继续使用Tapdata吗？',
+    '您会继续使用 Tapdata 吗？请通过提供快速反馈来帮助我们改进我们的产品：',
   dfs_replication_tour_dialog_finished_survey_placeholder: '输入您的意见或者建议...',
+  dfs_replication_tour_dialog_finished_option_yes: '是的，Tapdata 似乎符合我对所寻找工具的期望。',
+  dfs_replication_tour_dialog_finished_option_no_plan_1:
+    '暂时没有使用的计划，因为我不确定如何或在哪里可以使用 Tapdata。',
+  dfs_replication_tour_dialog_finished_option_no_plan_2: '暂时没有使用的计划，因为我目前没有一个实际的项目。',
+  dfs_replication_tour_dialog_finished_option_no_plan_3: '暂时没有使用的计划，我对数据安全有一些顾虑。',
+  dfs_replication_tour_dialog_finished_option_other: '其他，请具体说明',
   dfs_subscribe_to_professional_plan: '订阅专业版',
   dfs_order_change: '变更',
   dfs_change_record: '变更记录',
diff --git a/apps/dfs/src/i18n/langs/zh-TW.js b/apps/dfs/src/i18n/langs/zh-TW.js
index 48393a3ff0..58bd66416b 100644
--- a/apps/dfs/src/i18n/langs/zh-TW.js
+++ b/apps/dfs/src/i18n/langs/zh-TW.js
@@ -1607,8 +1607,14 @@ export default {
   dfs_replication_tour_dialog_finished: '恭喜你完成引導',
   dfs_replication_tour_dialog_finished_subtitle: '接下來可以免費體驗我們的產品進行數據庫的複製、遷移等工作啦',
   dfs_replication_tour_dialog_finished_survey_title:
-    '通過新手引導，您現在對Tapdata有了一定的瞭解。您還會繼續使用Tapdata嗎？',
+    '您會繼續使用 Tapdata 嗎？請透過提供快速反饋來幫助我們改進我們的產品：',
   dfs_replication_tour_dialog_finished_survey_placeholder: '輸入您的意見或者建議...',
+  dfs_replication_tour_dialog_finished_option_yes: '是的，Tapdata 似乎符合我對所尋找工具的期望。',
+  dfs_replication_tour_dialog_finished_option_no_plan_1:
+    '暫時沒有使用的計劃，因為我不確定如何或在哪裡可以使用 Tapdata。',
+  dfs_replication_tour_dialog_finished_option_no_plan_2: '暫時沒有使用的計劃，因為我目前沒有一個實際的項目。',
+  dfs_replication_tour_dialog_finished_option_no_plan_3: '暫時沒有使用的計劃，我對數據安全有一些顧慮。',
+  dfs_replication_tour_dialog_finished_option_other: '其他，請具體說明',
   dfs_subscribe_to_professional_plan: '訂閱專業版',
   dfs_order_change: '變更',
   dfs_change_record: '變更記錄',