perf: 会话页面: 短链接按钮

src/views/Conversations/Online/Components/GenerateShorturlDrawer.jsx

@@ -6,9 +6,9 @@ import ShorturlConversion from '@/views/accounts/ShorturlConversion'
 const GenerateShorturlDrawer = ({ ...props }) => {
   const [openShorturlDrawer, closeShorturlDrawer, shorturlDrawerOpen] = useUrlStore((state) => [state.openDrawer, state.closeDrawer, state.drawerOpen])
   return (
-    <Drawer title='短链接转换' placement={'top'} size={'large'} onClose={() => closeShorturlDrawer()} open={shorturlDrawerOpen}>
+    <Drawer title='短链接转换' placement={'top'} onClose={() => closeShorturlDrawer()} open={shorturlDrawerOpen}>
         <ShorturlConversion/>
     </Drawer>
   )
 }
-export default GenerateShorturlDrawer
+export default GenerateShorturlDrawer

src/views/Conversations/Online/Input/ComposerTools.jsx

@@ -7,6 +7,7 @@ import PaymentlinkBtn from './PaymentlinkBtn'
 import SnippestBtn from './SnippestBtn'
 import useConversationStore from '@/stores/ConversationStore'
 import { isEmpty } from '@haina/utils-commons'
+import ShortlinkBtn from './ShortlinkBtn'
 
 const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, invokeUploadFileMessage, inputEmoji, ...props }) => {
   const websocket = useConversationStore((state) => state.websocket)
@@ -25,6 +26,7 @@ const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, in
 
         <PaymentlinkBtn />
         <SnippestBtn />
+        <ShortlinkBtn />
 
         {/* <Button type='text' className='' icon={<YoutubeOutlined />} size={'middle'} />
         <Button type='text' className='' icon={<AudioOutlined />} size={'middle'} /> */}

src/views/Conversations/Online/Input/ShortlinkBtn.jsx

@@ -0,0 +1,24 @@
+import { createContext, useEffect, useState } from 'react'
+import { Tooltip, Button } from 'antd'
+import useUrlStore from '@/stores/UrlStore'
+
+const ShortlinkBtn = ({ type, ...props }) => {
+  const [openShorturlDrawer] = useUrlStore((state) => [state.openDrawer])
+
+  return (
+    <>
+      <Tooltip title='短链接'>
+        {type === 'link' ? (
+          <Button type={'link'} onClick={() => openShorturlDrawer()}>
+            短链接
+          </Button>
+        ) : (
+          <Button type='text' onClick={() => openShorturlDrawer()} size={'middle'} className='px-1'>
+            🔗
+          </Button>
+        )}
+      </Tooltip>
+    </>
+  )
+}
+export default ShortlinkBtn