fix: setup widget data props using settings

pingcap · Apr 17, 2024 · 7470fdf · 7470fdf
1 parent 6f3db51
commit 7470fdf
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -39,20 +39,26 @@ export default async function RootLayout ({
     getSetting('custom_js'),
   ]);
 
+  console.log(custom_js)
+
   return (
     <html lang="en" suppressHydrationWarning>
     <head>
       <link rel="icon" href="/tidb-ai-light.svg" sizes="any" />
       <script
         async
-        src="https://tidb.ai/rag-widget.js"
+        src="/rag-widget.js"
         data-id="tidb-ai-widget"
         data-name="tidb-ai-widget"
-        data-btn-label="Ask AI"
-        data-btn-img-src="https://tidb.ai/tidb-ai.svg"
-        data-example-questions='["What is TiDB","Does TiDB support Foreign Key","What is TiDB Serverless","How to use TiDB Serverless"]'
-        data-logo-src="https://tidb.ai/tidb-ai.svg"
-        data-preferred-mode="dark"
+        data-btn-label={custom_js.button_label || 'Ask AI'}
+        data-btn-img-src={custom_js.button_img_src || 'https://tidb.ai/tidb-ai.svg'}
+        data-example-questions={custom_js.example_questions ? JSON.stringify(custom_js.example_questions) : '["What is TiDB","Does TiDB support Foreign Key","What is TiDB Serverless","How to use TiDB Serverless"]'}
+        data-logo-src={custom_js.logo_src || 'https://tidb.ai/tidb-ai.svg'}
+        data-preferred-mode={custom_js.widget_color_mode || 'systen'}
+        data-input-placeholder={custom_js.widget_input_placeholder}
+        data-site-key={custom_js.widget_site_key}
+        data-title={custom_js.widget_title}
+        data-security-mode={custom_js.widget_security_mode}
       />
       {security?.google_recaptcha_site_key && security?.google_recaptcha && (<ReCaptcha mode={security.google_recaptcha} siteKey={security.google_recaptcha_site_key} />)}
     </head>