fix: polish chat page refactor

This commit is contained in:
Jason committed 2026-05-06 22:36:11 +08:00
1 parent 0f0f5abb2a
commit ff15dc6e9f
6 files changed
+42 -180

No files matched your search

-42
View File
@@ -1,42 +0,0 @@
import React from 'react'
import { Lock, Search } from 'lucide-react'
export interface ChatInputAreaProps {
disabled?: boolean
placeholder?: string
onFocusSearch?: () => void
}
function ChatInputArea({
disabled = true,
placeholder = '聊天记录',
onFocusSearch
}: ChatInputAreaProps) {
return (
<div className="chat-input-area" aria-hidden={disabled ? undefined : false}>
<button
type="button"
className="chat-input-search-btn"
onClick={onFocusSearch}
disabled={!onFocusSearch}
title="搜索"
>
<Search size={16} />
</button>
<div className="chat-input-shell">
<Lock size={15} />
<span>{placeholder}</span>
</div>
</div>
)
}
function areEqual(prev: ChatInputAreaProps, next: ChatInputAreaProps) {
return (
prev.disabled === next.disabled &&
prev.placeholder === next.placeholder &&
prev.onFocusSearch === next.onFocusSearch
)
}
export default React.memo(ChatInputArea, areEqual)