From b97d3a55f2a9b326103b31bdeeff089dde4e03d5 Mon Sep 17 00:00:00 2001
From: lencx <cxin1314@gmail.com>
Date: Sat, 7 Jan 2023 00:04:37 +0800
Subject: [PATCH] chore: dalle2

---
 README.md            |  2 +-
 src/view/General.tsx | 21 ++++++++++++++++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 338bd48..4086336 100644
--- a/README.md
+++ b/README.md
@@ -93,7 +93,7 @@ You can look at **[awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt
 - Powerful menu items
 - Support for slash commands and their configuration (can be configured manually or synchronized from a file [#55](https://github.com/lencx/ChatGPT/issues/55))
 - Customize global shortcuts ([#108](https://github.com/lencx/ChatGPT/issues/108))
-- DALL·E 2 Search ([#122](https://github.com/lencx/ChatGPT/issues/122) mouse selected content, use no more than 400 characters): The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.
+- DALL·E 2 Search ([#122](https://github.com/lencx/ChatGPT/issues/122) mouse selected content, no more than 400 characters): The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.
 
 ## #️⃣ MenuItem
 
diff --git a/src/view/General.tsx b/src/view/General.tsx
index 979104f..e77d287 100644
--- a/src/view/General.tsx
+++ b/src/view/General.tsx
@@ -33,7 +33,22 @@ const OriginLabel = ({ url }: { url: string }) => {
   )
 }
 
-const GlobalShortcut = () => {
+const Dalle2SearchLabel = () => {
+  return (
+    <span>
+      DALL·E 2 Search
+      {' '}
+      <Tooltip title={(
+        <div>
+          <div style={{ marginBottom: 10 }}>Generate images according to the content: Select the ChatGPT content with the mouse, no more than 400 characters. the <b>DALL·E 2</b> button appears, and click to jump (Note: because the search content filled by the script cannot trigger the event directly, you need to enter a space in the input box to make the button clickable).</div>
+          <div>The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.</div>
+        </div>
+      )}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
+    </span>
+  )
+}
+
+const GlobalShortcutLabel = () => {
   return (
     <div>
       Global Shortcut
@@ -122,7 +137,7 @@ export default function General() {
             <Switch />
           </Form.Item>
         )}
-        <Form.Item label="DALL·E 2 Search" name="dalle2_search" valuePropName="checked">
+        <Form.Item label={<Dalle2SearchLabel />} name="dalle2_search" valuePropName="checked">
           <Switch />
         </Form.Item>
         <Form.Item label="Theme" name="theme">
@@ -141,7 +156,7 @@ export default function General() {
             {/*<Radio value="Disable">Disable</Radio>*/}
           </Radio.Group>
         </Form.Item>
-        <Form.Item label={<GlobalShortcut />} name="global_shortcut">
+        <Form.Item label={<GlobalShortcutLabel />} name="global_shortcut">
           <Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
         </Form.Item>
         <Form.Item label={<OriginLabel url={chatConf?.default_origin} />} name="origin">