feat: add export icon

anse-app · May 22, 2023 · 100b6bd · 100b6bd
1 parent 00b160b
commit 100b6bd
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/src/components/header/ConversationMessageShareButton.tsx b/src/components/header/ConversationMessageShareButton.tsx
@@ -0,0 +1,22 @@
+import { useStore } from '@nanostores/solid'
+import { currentConversationId } from '@/stores/conversation'
+
+export default () => {
+  const $currentConversationId = useStore(currentConversationId)
+
+  const handleClearMessage = () => {
+  }
+
+  return (
+    <>
+      {$currentConversationId() && (
+        <div
+          class="fcc p-2 rounded-md text-xl hv-foreground"
+          onClick={handleClearMessage}
+        >
+          <div i-carbon-export />
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -3,6 +3,7 @@ import { scrollController, showConversationSidebar, showSettingsSidebar } from '
 import { useLargeScreen } from '@/hooks'
 import ConversationHeaderInfo from './ConversationHeaderInfo'
 import ConversationMessageClearButton from './ConversationMessageClearButton'
+import ConversationMessageShareButton from './ConversationMessageShareButton'
 
 export default () => {
   onMount(() => {
@@ -25,6 +26,7 @@ export default () => {
       </div>
       <div class="fi gap-1 overflow-hidden">
         <ConversationMessageClearButton />
+        <ConversationMessageShareButton />
         <div
           class="fcc p-2 rounded-md text-xl hv-foreground lg:hidden"
           onClick={() => showSettingsSidebar.set(true)}

diff --git a/src/components/main/MessageItem.tsx b/src/components/main/MessageItem.tsx
@@ -77,11 +77,10 @@ export default (props: Props) => {
   const [menuList, setMenuList] = createSignal<MenuItem[]>([
     { id: 'retry', label: 'Retry send', icon: 'i-carbon:restart', role: 'all', action: handleRetryMessageItem },
     { id: 'raw', label: 'Show raw code', icon: 'i-carbon-code', role: 'system', action: () => setShowRawCode(!showRawCode()) },
-    // TODO: Share message
-    // { id: 'share', label: 'Share message', icon: 'i-carbon:share' },
     { id: 'edit', label: 'Edit message', icon: 'i-carbon:edit', role: 'user', action: handleEditMessageItem },
     { id: 'copy', label: 'Copy message', icon: 'i-carbon-copy', role: 'all', action: handleCopyMessageItem },
     { id: 'delete', label: 'Delete message', icon: 'i-carbon-trash-can', role: 'all', action: handleDeleteMessageItem },
+    { id: 'share', label: 'Share message', icon: 'i-carbon:export', role: 'all' },
   ])
 
   if (props.message.role === 'user')