From c73e7756a6f7080de0026ceb212339cd5c31a9a3 Mon Sep 17 00:00:00 2001
From: Yefu Zhang <yefu@yunshan.net>
Date: Wed, 10 Apr 2024 17:38:30 +0800
Subject: [PATCH] [feature] ai, show doc link when get engines failed

**Phenomenon and reproduction steps**

none

**Root cause and solution**

none

**Impactions**

none

**Test method**

none

**Affected branch(es)**

- main

**Checklist**

- [ ] Dependencies update required
- [ ] Common bug (similar problem in other repo)
---
 deepflow-apptracing-panel/src/components/AskGPT.tsx | 8 ++++++--
 deepflow-topo-panel/src/components/AskGPT.tsx       | 7 ++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/deepflow-apptracing-panel/src/components/AskGPT.tsx b/deepflow-apptracing-panel/src/components/AskGPT.tsx
index f20d88b..816932a 100644
--- a/deepflow-apptracing-panel/src/components/AskGPT.tsx
+++ b/deepflow-apptracing-panel/src/components/AskGPT.tsx
@@ -268,7 +268,11 @@ export const AskGPT: React.FC<Props> = ({ data }) => {
       setCheckedAiEngine(list.filter(e => !e.disabled)?.[0].value || '')
     } catch (error: any) {
       setErrorMsg(`GET ENGINES FAILED: ${error.message}`)
-
+      setDrawerData({
+        inRequest: false,
+        answer: `<a style="margin: 10px 0; text-decoration: underline; color: #6e9fff; display: block;" href="https://deepflow.io/docs/zh/best-practice/production-deployment/#%E4%BD%BF%E7%94%A8ai%E6%A8%A1%E5%9E%8B" target="_blank">Engine帮助文档</a>`,
+        answerIsEnd: true
+      })
       setTimeout(() => {
         setErrorMsg('')
       }, 800)
@@ -365,7 +369,7 @@ export const AskGPT: React.FC<Props> = ({ data }) => {
               overflow: 'auto'
             }}
           >
-            {drawerData.answer !== '' && !drawerData.inRequest ? (
+            {checkedAiEngine && drawerData.answer !== '' && !drawerData.inRequest ? (
               <IconButton
                 onClick={copyAnswer}
                 aria-label="Copy"
diff --git a/deepflow-topo-panel/src/components/AskGPT.tsx b/deepflow-topo-panel/src/components/AskGPT.tsx
index cb56f96..23ce700 100644
--- a/deepflow-topo-panel/src/components/AskGPT.tsx
+++ b/deepflow-topo-panel/src/components/AskGPT.tsx
@@ -263,6 +263,11 @@ export const AskGPT: React.FC<Props> = ({ data }) => {
       setCheckedAiEngine(list.filter(e => !e.disabled)?.[0].value || '')
     } catch (error: any) {
       setErrorMsg(`GET ENGINES FAILED: ${error.message}`)
+      setDrawerData({
+        inRequest: false,
+        answer: `<a style="margin: 10px 0; text-decoration: underline; color: #6e9fff; display: block;" href="https://deepflow.io/docs/zh/best-practice/production-deployment/#%E4%BD%BF%E7%94%A8ai%E6%A8%A1%E5%9E%8B" target="_blank">Engine帮助文档</a>`,
+        answerIsEnd: true
+      })
       setTimeout(() => {
         setErrorMsg('')
       }, 800)
@@ -359,7 +364,7 @@ export const AskGPT: React.FC<Props> = ({ data }) => {
               overflow: 'auto'
             }}
           >
-            {drawerData.answer !== '' && !drawerData.inRequest ? (
+            {checkedAiEngine && drawerData.answer !== '' && !drawerData.inRequest ? (
               <IconButton
                 onClick={copyAnswer}
                 aria-label="Copy"