From 42a67f44e88492f5ff1567376df307606d134dba Mon Sep 17 00:00:00 2001
From: elliotxx <951376975@qq.com>
Date: Tue, 31 Dec 2024 11:47:39 +0800
Subject: [PATCH] refactor(yaml): simplify AI enabled check and improve code
 formatting (#696)

## What type of PR is this?

/kind refactor

## What this PR does / why we need it:

This PR simplifies the AI enabled check and improves code formatting in
the YAML-related code.

Key changes include:
- Simplified the logic for checking if AI is enabled, making it more
readable and maintainable.

- Improved code formatting to adhere to consistent style guidelines,
enhancing overall code quality.

## Which issue(s) this PR fixes:

Fixes #
---
 ui/src/components/yaml/index.tsx                          | 3 ++-
 ui/src/components/yaml/styles.module.less                 | 8 ++++++--
 .../components/eventAggregator/styles.module.less         | 6 +-----
 .../components/topologyMap/style.module.less              | 1 -
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/yaml/index.tsx b/ui/src/components/yaml/index.tsx
index 6b30b4b2..37937276 100644
--- a/ui/src/components/yaml/index.tsx
+++ b/ui/src/components/yaml/index.tsx
@@ -44,6 +44,7 @@ const Yaml = (props: IProps) => {
   const [isStreaming, setStreaming] = useState(false)
   const abortControllerRef = useRef<AbortController | null>(null)
   const { aiOptions } = useSelector((state: any) => state.globalSlice)
+  const isAIEnabled = aiOptions?.AIModel && aiOptions?.AIAuthToken
 
   useEffect(() => {
     const yamlStatusJson = yaml2json(data)
@@ -276,7 +277,7 @@ const Yaml = (props: IProps) => {
                   {t('Copy')}
                 </Button>
               )}
-              {aiOptions?.AIAuthToken && (
+              {isAIEnabled && (
                 <Tooltip title={t('YAML.Interpret')}>
                   <Button
                     type="primary"
diff --git a/ui/src/components/yaml/styles.module.less b/ui/src/components/yaml/styles.module.less
index f43c5065..aa338958 100644
--- a/ui/src/components/yaml/styles.module.less
+++ b/ui/src/components/yaml/styles.module.less
@@ -378,7 +378,10 @@
             font-weight: 500;
           }
 
-          h3, h4, h5, h6 {
+          h3,
+          h4,
+          h5,
+          h6 {
             font-size: 14px !important;
             margin-top: 8px;
             margin-bottom: 6px;
@@ -391,7 +394,8 @@
             line-height: 1.5;
           }
 
-          ul, ol {
+          ul,
+          ol {
             font-size: 14px !important;
             margin-bottom: 6px;
             padding-left: 16px;
diff --git a/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less b/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less
index 82c30055..bc5d3009 100644
--- a/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less
+++ b/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less
@@ -245,11 +245,7 @@
         left: 0;
         right: 0;
         bottom: 0;
-        background: linear-gradient(
-          135deg,
-          #722ed1 0%,
-          #1890ff 100%
-        );
+        background: linear-gradient(135deg, #722ed1 0%, #1890ff 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         opacity: 0.5;
diff --git a/ui/src/pages/insightDetail/components/topologyMap/style.module.less b/ui/src/pages/insightDetail/components/topologyMap/style.module.less
index 9c482dda..2efb92ef 100644
--- a/ui/src/pages/insightDetail/components/topologyMap/style.module.less
+++ b/ui/src/pages/insightDetail/components/topologyMap/style.module.less
@@ -39,7 +39,6 @@
       left: 0;
       background: #f7faff;
     }
-
   }
 
   // Loading state styles