wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor KefuChatShell component by removing unused host actions state and simplifying button rendering

Browse Source
This commit is contained in:
mlogclub
2026-04-27 14:52:14 +08:00
parent b4e26d2359
commit 15d0d81fa1
1 changed files with 26 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/kefu/chat-shell.tsx
+26 -34
View File
@@ -75,7 +75,6 @@ export function KefuChatShell() {
const [isMaximized, setIsMaximized] = useState(false) const [isMaximized, setIsMaximized] = useState(false)
const [isCloseDialogOpen, setIsCloseDialogOpen] = useState(false) const [isCloseDialogOpen, setIsCloseDialogOpen] = useState(false)
const [isClosingConversation, setIsClosingConversation] = useState(false) const [isClosingConversation, setIsClosingConversation] = useState(false)
const [showHostActions, setShowHostActions] = useState(false)
const { const {
title, title,
@@ -142,9 +141,6 @@ export function KefuChatShell() {
useEffect(() => { useEffect(() => {
return bindKefuHostBridge({ return bindKefuHostBridge({
onInit: () => {
setShowHostActions(true)
},
onOpen: () => { onOpen: () => {
setIsOpen(true) setIsOpen(true)
setIsVisible(true) setIsVisible(true)
@@ -265,36 +261,32 @@ export function KefuChatShell() {
> >
<RotateCwIcon className="size-4" /> <RotateCwIcon className="size-4" />
</Button> </Button>
{showHostActions ? ( <Button
<Button type="button"
type="button" variant="outline"
variant="outline" size="icon-sm"
size="icon-sm" onClick={handleMinimize}
onClick={handleMinimize} aria-label="收起聊天窗口"
aria-label="收起聊天窗口" title="收起聊天窗口"
title="收起聊天窗口" className="bg-background text-muted-foreground hover:text-foreground"
className="bg-background text-muted-foreground hover:text-foreground" >
> <MinusIcon className="size-4" />
<MinusIcon className="size-4" /> </Button>
</Button> <Button
) : null} type="button"
{showHostActions ? ( variant="outline"
<Button size="icon-sm"
type="button" onClick={handleToggleMaximize}
variant="outline" aria-label={isMaximized ? "取消最大化" : "最大化聊天窗口"}
size="icon-sm" title={isMaximized ? "取消最大化" : "最大化聊天窗口"}
onClick={handleToggleMaximize} className="bg-background text-muted-foreground hover:text-emerald-700 dark:hover:text-emerald-400"
aria-label={isMaximized ? "取消最大化" : "最大化聊天窗口"} >
title={isMaximized ? "取消最大化" : "最大化聊天窗口"} {isMaximized ? (
className="bg-background text-muted-foreground hover:text-emerald-700 dark:hover:text-emerald-400" <Minimize2Icon className="size-4" />
> ) : (
{isMaximized ? ( <Maximize2Icon className="size-4" />
<Minimize2Icon className="size-4" /> )}
) : ( </Button>
<Maximize2Icon className="size-4" />
)}
</Button>
) : null}
<Button <Button
type="button" type="button"
variant="outline" variant="outline"