From 149aeb25250174622839f5efabd8456de7bd2ea7 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 16 Apr 2024 14:54:01 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=85=B3=E6=B3=A8=E5=92=8C=E5=88=86=E4=BA=AB=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/locale/en-US/common.ts           |  1 +
 frontend/src/locale/zh-CN/common.ts           |  1 +
 .../management/api/preview/index.vue          | 29 ++++++++++------
 .../components/management/case/caseDetail.vue | 34 +++++++++++--------
 .../views/api-test/scenario/detail/index.vue  | 27 ++++++++++-----
 5 files changed, 58 insertions(+), 34 deletions(-)

diff --git a/frontend/src/locale/en-US/common.ts b/frontend/src/locale/en-US/common.ts
index 61c5172d88..5e48130f8e 100644
--- a/frontend/src/locale/en-US/common.ts
+++ b/frontend/src/locale/en-US/common.ts
@@ -84,6 +84,7 @@ export default {
   'common.copySuccess': 'Copy successfully',
   'common.copyNotSupport': 'Your browser does not support automatic copying. Please copy manually.',
   'common.fork': 'Fork',
+  'common.notForked': 'Not Forked',
   'common.forked': 'Forked',
   'common.more': 'More',
   'common.recycle': 'Recycle Bin',
diff --git a/frontend/src/locale/zh-CN/common.ts b/frontend/src/locale/zh-CN/common.ts
index 12232deabe..89f224aad1 100644
--- a/frontend/src/locale/zh-CN/common.ts
+++ b/frontend/src/locale/zh-CN/common.ts
@@ -85,6 +85,7 @@ export default {
   'common.copySuccess': '复制成功',
   'common.copyNotSupport': '您的浏览器不支持自动复制，请手动复制',
   'common.fork': '关注',
+  'common.notForked': '未关注',
   'common.forked': '已关注',
   'common.more': '更多',
   'common.recycle': '回收站',
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/index.vue b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
index e0e69aae9b..befd58e945 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/index.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
@@ -7,16 +7,25 @@
         :simple-show-count="4"
       >
         <template #titleAppend>
-          <MsIcon
-            v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
-            :loading="followLoading"
-            :type="previewDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
-            :class="`${previewDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
-            class="cursor-pointer"
-            :size="16"
-            @click="toggleFollowReview"
-          />
-          <MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
+          <a-tooltip :content="t(previewDetail.follow ? 'common.forked' : 'common.notForked')">
+            <MsIcon
+              v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
+              :loading="followLoading"
+              :type="previewDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
+              :class="`${previewDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
+              class="cursor-pointer"
+              :size="16"
+              @click="toggleFollowReview"
+            />
+          </a-tooltip>
+          <a-tooltip :content="t('report.detail.api.copyLink')">
+            <MsIcon
+              type="icon-icon_share1"
+              class="cursor-pointer text-[var(--color-text-4)]"
+              :size="16"
+              @click="share"
+            />
+          </a-tooltip>
           <apiStatus :status="previewDetail.status" size="small" />
         </template>
         <template #type="{ value }">
diff --git a/frontend/src/views/api-test/management/components/management/case/caseDetail.vue b/frontend/src/views/api-test/management/components/management/case/caseDetail.vue
index 38e6089a31..1cdf406010 100644
--- a/frontend/src/views/api-test/management/components/management/case/caseDetail.vue
+++ b/frontend/src/views/api-test/management/components/management/case/caseDetail.vue
@@ -33,21 +33,25 @@
       <a-tab-pane key="detail" :title="t('case.detail')" class="px-[18px] py-[16px]">
         <MsDetailCard :title="`【${caseDetail.num}】${caseDetail.name}`" :description="description" class="mb-[8px]">
           <template v-if="!props.isDrawer" #titleAppend>
-            <MsIcon
-              v-permission="['PROJECT_API_DEFINITION_CASE:READ+UPDATE']"
-              :loading="followLoading"
-              :type="caseDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
-              :class="`${caseDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
-              class="cursor-pointer"
-              :size="16"
-              @click="follow"
-            />
-            <MsIcon
-              type="icon-icon_share1"
-              class="cursor-pointer text-[var(--color-text-4)]"
-              :size="16"
-              @click="share"
-            />
+            <a-tooltip :content="t(caseDetail.follow ? 'common.forked' : 'common.notForked')">
+              <MsIcon
+                v-permission="['PROJECT_API_DEFINITION_CASE:READ+UPDATE']"
+                :loading="followLoading"
+                :type="caseDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
+                :class="`${caseDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
+                class="cursor-pointer"
+                :size="16"
+                @click="follow"
+              />
+            </a-tooltip>
+            <a-tooltip :content="t('report.detail.api.copyLink')">
+              <MsIcon
+                type="icon-icon_share1"
+                class="cursor-pointer text-[var(--color-text-4)]"
+                :size="16"
+                @click="share"
+              />
+            </a-tooltip>
           </template>
           <template #type="{ value }">
             <apiMethodName :method="value as RequestMethods" tag-size="small" is-tag />
diff --git a/frontend/src/views/api-test/scenario/detail/index.vue b/frontend/src/views/api-test/scenario/detail/index.vue
index 2e3ee3afab..4cc008986e 100644
--- a/frontend/src/views/api-test/scenario/detail/index.vue
+++ b/frontend/src/views/api-test/scenario/detail/index.vue
@@ -3,15 +3,24 @@
     <div class="px-[24px] pt-[16px]">
       <MsDetailCard :title="`【${scenario.num}】${scenario.name}`" :description="description" class="!py-[8px]">
         <template #titleAppend>
-          <MsIcon
-            :loading="followLoading"
-            :type="scenario.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
-            :class="`${scenario.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
-            class="cursor-pointer"
-            :size="16"
-            @click="toggleFollowReview"
-          />
-          <MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
+          <a-tooltip :content="t(scenario.follow ? 'common.forked' : 'common.notForked')">
+            <MsIcon
+              :loading="followLoading"
+              :type="scenario.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
+              :class="`${scenario.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
+              class="cursor-pointer"
+              :size="16"
+              @click="toggleFollowReview"
+            />
+          </a-tooltip>
+          <a-tooltip :content="t('report.detail.api.copyLink')">
+            <MsIcon
+              type="icon-icon_share1"
+              class="cursor-pointer text-[var(--color-text-4)]"
+              :size="16"
+              @click="share"
+            />
+          </a-tooltip>
           <apiStatus :status="scenario.status" size="small" />
         </template>
         <template #priority="{ value }">