From 2ac04974a02db750c44b8124c38f66d12916ac90 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 27 May 2025 14:16:58 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=9B=BE=E6=96=87=E9=9B=86;=20?=
 =?UTF-8?q?=E6=94=AF=E4=BB=98=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AuthApp.jsx                         |  4 ++++
 .../Components/GenerateAutoDocDrawer.jsx      | 14 +++++++++++++
 .../Online/Input/PaymentlinkBtn.jsx           |  2 +-
 src/views/DesktopApp.jsx                      | 21 -------------------
 4 files changed, 19 insertions(+), 22 deletions(-)
 create mode 100644 src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx

diff --git a/src/views/AuthApp.jsx b/src/views/AuthApp.jsx
index 07d3028..efa4fe5 100644
--- a/src/views/AuthApp.jsx
+++ b/src/views/AuthApp.jsx
@@ -26,6 +26,8 @@ import EmailFetch from './Conversations/Online/Components/EmailFetch'
 import FetchEmailWorker from './../workers/fetchEmailWorker?worker&url'
 import { clearWebsocketLog, readWebsocketLog } from '@/utils/commons'
 import { useGlobalNotify } from '@/hooks/useGlobalNotify'
+import GeneratePaymentDrawer from './Conversations/Online/Components/GeneratePaymentDrawer'
+import GenerateAutoDocDrawer from './Conversations/Online/Components/GenerateAutoDocDrawer'
 
 // const fetchEmailWorkerURL = new URL('/src/workers/fetchEmailWorker.js', import.meta.url);
 const fetchEmailWorker = new Worker(FetchEmailWorker, { type: 'module' });
@@ -188,6 +190,8 @@ function AuthApp() {
               </button>
             </form>
           </dialog>
+          <GeneratePaymentDrawer />
+          <GenerateAutoDocDrawer />
         </ErrorBoundary>
       </AntApp>
     </ConfigProvider>
diff --git a/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx b/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx
new file mode 100644
index 0000000..d49c269
--- /dev/null
+++ b/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx
@@ -0,0 +1,14 @@
+import { createContext, useEffect, useState } from 'react'
+import { Drawer } from 'antd'
+import SnippetList from '@/views/accounts/SnippetList'
+import useSnippetStore from '@/stores/SnippetStore'
+
+const GenerateAutoDocDrawer = ({ ...props }) => {
+  const [openSnippetDrawer, closeSnippetDrawer, snippetDrawerOpen] = useSnippetStore((state) => [state.openDrawer, state.closeDrawer, state.drawerOpen])
+  return (
+    <Drawer title='图文集' placement={'top'} size={'large'} onClose={() => closeSnippetDrawer()} open={snippetDrawerOpen}>
+      <SnippetList></SnippetList>
+    </Drawer>
+  )
+}
+export default GenerateAutoDocDrawer
diff --git a/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx b/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
index 8649e2a..80c3b11 100644
--- a/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
+++ b/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
@@ -8,7 +8,7 @@ const PaymentlinkBtn = ({ type, ...props }) => {
 
   return (
     <>
-      <GeneratePaymentDrawer />
+      {/* <GeneratePaymentDrawer /> */}
       <Tooltip title='支付链接'>
         {/* <Button type='text' onClick={() => openPaymentDrawer()} icon={<DollarOutlined className='text-orange-500' />} size={'middle'} /> */}
 
diff --git a/src/views/DesktopApp.jsx b/src/views/DesktopApp.jsx
index d096b87..64e264f 100644
--- a/src/views/DesktopApp.jsx
+++ b/src/views/DesktopApp.jsx
@@ -27,9 +27,6 @@ import 'react-chat-elements/dist/main.css'
 import ReloadPrompt from './ReloadPrompt'
 import ClearCache from './ClearCache'
 
-import SnippetList from '@/views/accounts/SnippetList'
-import GeneratePayment from '@/views/accounts/GeneratePayment'
-
 import { BUILD_VERSION, BUILD_DATE } from '@/config'
 
 const { Header, Footer, Content } = Layout
@@ -125,24 +122,6 @@ function DesktopApp() {
           width: '100%',
           background: 'white',
         }}>
-        <Drawer
-          title='图文集'
-          placement={'top'}
-          size={'large'}
-          onClose={() => closeSnippetDrawer()}
-          open={snippetDrawerOpen}
-          >
-          <SnippetList></SnippetList>
-        </Drawer>
-        <Drawer
-          title='支付链接'
-          placement={'top'}
-          size={'large'}
-          onClose={() => closePaymentDrawer()}
-          open={paymentDrawerOpen}
-          >
-          <GeneratePayment></GeneratePayment>
-        </Drawer>
         <Row gutter={{ md: 24 }} align='middle'>
           <Col flex='220px'>
             <NavLink to='/'>