diff --git a/src/components/header/ConversationMessageClearButton.tsx b/src/components/header/ConversationMessageClearButton.tsx index 48a9be6c..faf7ef02 100644 --- a/src/components/header/ConversationMessageClearButton.tsx +++ b/src/components/header/ConversationMessageClearButton.tsx @@ -1,14 +1,21 @@ import { useStore } from '@nanostores/solid' import { currentConversationId } from '@/stores/conversation' -import { scrollController } from '@/stores/ui' +import { + scrollController, + showConfirmModal, +} from '@/stores/ui' import { clearMessagesByConversationId } from '@/stores/messages' +import { useI18n } from '@/hooks' +import ConfirmModal from '../ui/ConfirmModal' export default () => { const $currentConversationId = useStore(currentConversationId) + const { t } = useI18n() const handleClearMessage = () => { clearMessagesByConversationId($currentConversationId()) scrollController().scrollToBottom() + showConfirmModal.set(false) } return ( @@ -16,11 +23,12 @@ export default () => { { $currentConversationId() && (
{props.description}