feat: add chat type settings to the header. (#78)

chancelyg · web-flow · commit 071158cf46c3 · 2023-07-03T13:43:08.000+08:00
diff --git a/src/components/header/ConversationMessageSettingButton.tsx b/src/components/header/ConversationMessageSettingButton.tsx
@@ -0,0 +1,23 @@
+import { useStore } from '@nanostores/solid'
+import { showConversationEditModal } from '@/stores/ui'
+import { currentConversationId } from '@/stores/conversation'
+
+export default () => {
+  // Retrieve the current conversation ID from the store
+  const $currentConversationId = useStore(currentConversationId)
+
+  return (
+    <>
+      {/* Render the following code if the current conversation ID exists */}
+      {$currentConversationId() && (
+        <div
+          class="fcc p-2 rounded-md text-xl hv-foreground"
+          onClick={() => { showConversationEditModal.set(true) }}
+        >
+          {/* Render the carbon settings adjust icon */}
+          <div i-carbon-settings-adjust />
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -4,6 +4,7 @@ import { useLargeScreen } from '@/hooks'
 import ConversationHeaderInfo from './ConversationHeaderInfo'
 import ConversationMessageClearButton from './ConversationMessageClearButton'
 import ConversationMessageShareButton from './ConversationMessageShareButton'
+import ConversationMessageSettingButton from './ConversationMessageSettingButton'
 
 export default () => {
   onMount(() => {
@@ -25,6 +26,7 @@ export default () => {
         <ConversationHeaderInfo />
       </div>
       <div class="fi gap-1 overflow-hidden">
+        <ConversationMessageSettingButton />
         <ConversationMessageClearButton />
         <ConversationMessageShareButton />
         <div
