From f996b4f7f2b217eb5acdacb6aa14141ffd4f7da5 Mon Sep 17 00:00:00 2001
From: KubeSphere CI Bot <47586280+ks-ci-bot@users.noreply.github.com>
Date: Fri, 28 Oct 2022 11:52:52 +0800
Subject: [PATCH] [release-3.3] docs: Modify the link in suport page (#3914)

docs: Modify the link in suport page

Signed-off-by: harrisonliu5 <harrisonliu@kubesphere.io>

Signed-off-by: harrisonliu5 <harrisonliu@kubesphere.io>
Co-authored-by: harrisonliu5 <harrisonliu@kubesphere.io>
---
 server/config.yaml                            | 16 ++++++++++++++++
 .../console/containers/Support/index.jsx      | 19 +------------------
 .../console/containers/Support/index.scss     | 19 +++++++++++++++++++
 3 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/server/config.yaml b/server/config.yaml
index 2f041191aa6..eed5d0ed122 100644
--- a/server/config.yaml
+++ b/server/config.yaml
@@ -646,3 +646,19 @@ client:
       max_number_of_toTag: 20
     slack:
       max_number_of_channel: 20
+
+  supportLinks:
+    github: "https://github.com/kubesphere/kubesphere"
+    githubPr: "https://github.com/kubesphere/kubesphere"
+    star: "https://github.com/kubesphere/kubesphere"
+    githubFork: "https://github.com/kubesphere/kubesphere"
+    slack: "https://kubesphere.slack.com/"
+    doc: "https://kubesphere.com.cn/docs/v3.3/"
+    forum: "https://kubesphere.com.cn/forum/"
+    issues: "https://github.com/kubesphere/kubesphere/issues"
+    contactUs: "https://kubesphere.cloud/ticket/"
+    kse: "https://kubesphere.cloud/self-service/qkcp/"
+    ksc: "https://kubesphere.cloud/"
+    backup: "https://kubesphere.cloud/self-service/disaster-recovery/"
+    inspection: "https://kubesphere.cloud/inspection/"
+    light: "https://kubesphere.cloud/lite-cluster/"
diff --git a/src/pages/console/containers/Support/index.jsx b/src/pages/console/containers/Support/index.jsx
index f00ae8e7dee..fc4984904d6 100644
--- a/src/pages/console/containers/Support/index.jsx
+++ b/src/pages/console/containers/Support/index.jsx
@@ -28,22 +28,7 @@ import { ReactComponent as Slack } from 'assets/slack_duotone.svg'
 import { ReactComponent as Topic } from 'assets/topic_circle_duotone.svg'
 import styles from './index.scss'
 
-const config = {
-  github: 'https://github.com/kubesphere/kubesphere',
-  githubPr: 'https://github.com/kubesphere/kubesphere',
-  star: 'https://github.com/kubesphere/kubesphere',
-  githubFork: 'https://github.com/kubesphere/kubesphere',
-  slack: 'https://kubesphere.slack.com/',
-  doc: 'https://kubesphere.com.cn/docs/v3.3/',
-  forum: 'https://kubesphere.com.cn/forum/',
-  issues: 'https://github.com/kubesphere/kubesphere/issues',
-  contactUs: 'https://kubesphere.cloud/en/ticket/',
-  kse: 'https://kubesphere.cloud/en/self-service/qkcp/',
-  ksc: 'https://kubesphere.cloud/',
-  backup: 'https://kubesphere.cloud/self-service/disaster-recovery/',
-  inspection: 'https://kubesphere.cloud/inspection/',
-  light: 'https://kubesphere.cloud/lite-cluster/',
-}
+const config = globals.config.supportLinks
 
 const openButtons = [
   {
@@ -95,7 +80,6 @@ const kscFeatures = [
   },
   {
     title: 'KSC_FEATURE_INSPECTION',
-    // desc: '全面漏洞扫描 系统安全加固 最佳实践指导',
     desc: [
       'KSC_FEATURE_INSPECTION_VULN_DESC',
       'KSC_FEATURE_INSPECTION_SECURITY_DESC',
@@ -106,7 +90,6 @@ const kscFeatures = [
   },
   {
     title: 'KSC_FEATURE_LIGHTWEIGHT',
-    // desc: '极速启用集群 KubeSphere 开箱即用 满足测试演示场景',
     desc: [
       'KSC_FEATURE_LIGHTWEIGHT_START_DESC',
       'KSC_FEATURE_LIGHTWEIGHT_KS_DESC',
diff --git a/src/pages/console/containers/Support/index.scss b/src/pages/console/containers/Support/index.scss
index 9ffe109e4fa..415a41ab44f 100644
--- a/src/pages/console/containers/Support/index.scss
+++ b/src/pages/console/containers/Support/index.scss
@@ -64,6 +64,7 @@
 
     .ticket,
     .open {
+      transition: all 0.3s ease;
       flex: 1;
       background-color: white;
       box-shadow: 0px 4px 8px rgba(36, 46, 66, 0.06);
@@ -91,6 +92,18 @@
           flex-wrap: wrap;
 
           .circleButton {
+            transition: all 0.3s ease;
+
+            .buttonText {
+              transition: all 0.3s ease;
+            }
+
+            :global {
+              svg.kubed-icon {
+                transition: all 0.3s ease;
+              }
+            }
+
             &:hover {
               cursor: pointer;
               background: $dark-color07;
@@ -134,6 +147,7 @@
           display: inline-flex;
           gap: 4px;
           align-items: center;
+          transition: all 0.3s ease;
 
           &:hover {
             color: $blue-color03;
@@ -170,6 +184,7 @@
       }
 
       .link {
+        transition: all 0.3s ease;
         display: inline-flex;
         gap: 4px;
         align-items: center;
@@ -180,6 +195,7 @@
 
   .card {
     background: #ffffff;
+    transition: all 0.3s ease;
 
     .header {
       display: flex;
@@ -278,6 +294,7 @@
         word-break: break-word;
         display: grid;
         grid-template-rows: auto 1fr auto;
+        transition: all 0.3s ease;
 
         .title {
           margin-top: 20px;
@@ -295,6 +312,7 @@
           gap: 4px;
           margin-top: 24px;
           margin-bottom: 20px;
+          transition: all 0.3s ease;
         }
 
         &:hover {
@@ -323,6 +341,7 @@
   :global {
     a.support-action {
       color: $blue-color03;
+      transition: all 0.3s ease;
 
       &:hover {
         color: $blue-color04;