diff --git a/src/components/chat-view/chat-input/ChatUserInput.tsx b/src/components/chat-view/chat-input/ChatUserInput.tsx index b1e9aa4..e9a626a 100644 --- a/src/components/chat-view/chat-input/ChatUserInput.tsx +++ b/src/components/chat-view/chat-input/ChatUserInput.tsx @@ -45,7 +45,8 @@ import OnMutationPlugin, { import UpdaterPlugin, { UpdaterPluginRef, } from './plugins/updater/UpdaterPlugin' -import { VaultSearchButton } from './VaultSearchButton' +import { SubmitButton } from './SubmitButton' +import { VaultChatButton } from './VaultChatButton' export type ChatUserInputRef = { focus: () => void @@ -342,11 +343,14 @@ const ChatUserInput = forwardRef(
- { - handleSubmit(true) - }} - /> +
+ handleSubmit()} /> + { + handleSubmit(true) + }} + /> +
) diff --git a/src/components/chat-view/chat-input/SubmitButton.tsx b/src/components/chat-view/chat-input/SubmitButton.tsx new file mode 100644 index 0000000..c041e69 --- /dev/null +++ b/src/components/chat-view/chat-input/SubmitButton.tsx @@ -0,0 +1,12 @@ +import { CornerDownLeftIcon } from 'lucide-react' + +export function SubmitButton({ onClick }: { onClick: () => void }) { + return ( + + ) +} diff --git a/src/components/chat-view/chat-input/VaultSearchButton.tsx b/src/components/chat-view/chat-input/VaultChatButton.tsx similarity index 65% rename from src/components/chat-view/chat-input/VaultSearchButton.tsx rename to src/components/chat-view/chat-input/VaultChatButton.tsx index 152b1a3..69fdf32 100644 --- a/src/components/chat-view/chat-input/VaultSearchButton.tsx +++ b/src/components/chat-view/chat-input/VaultChatButton.tsx @@ -7,31 +7,32 @@ import { } from 'lucide-react' import { Platform } from 'obsidian' -export function VaultSearchButton({ onClick }: { onClick: () => void }) { +export function VaultChatButton({ onClick }: { onClick: () => void }) { return ( <> - Search through your entire vault + Chat with your entire vault diff --git a/styles.css b/styles.css index d589b19..61fdf72 100644 --- a/styles.css +++ b/styles.css @@ -216,12 +216,18 @@ button:not(.clickable-icon).smtcmp-chat-list-dropdown { justify-content: space-between; align-items: center; height: var(--size-4-4); + + .smtcmp-chat-user-input-controls-buttons { + display: flex; + gap: var(--size-4-2); + align-items: center; + } } -.smtcmp-chat-user-input-controls .smtcmp-chat-user-input-vault-search-button { +.smtcmp-chat-user-input-controls .smtcmp-chat-user-input-submit-button { display: flex; align-items: center; - gap: var(--size-2-3); + gap: var(--size-4-1); font-size: var(--font-smallest); color: var(--text-muted); background-color: transparent; @@ -237,10 +243,9 @@ button:not(.clickable-icon).smtcmp-chat-list-dropdown { color: var(--text-normal); } - .smtcmp-chat-user-input-vault-search-button-icons { + .smtcmp-chat-user-input-submit-button-icons { display: flex; align-items: center; - gap: 0.5px; } }