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 [isCloseDialogOpen, setIsCloseDialogOpen] = useState(false)
const [isClosingConversation, setIsClosingConversation] = useState(false)
const [showHostActions, setShowHostActions] = useState(false)
const {
title,
@@ -142,9 +141,6 @@ export function KefuChatShell() {
useEffect(() => {
return bindKefuHostBridge({
onInit: () => {
setShowHostActions(true)
},
onOpen: () => {
setIsOpen(true)
setIsVisible(true)
@@ -265,36 +261,32 @@ export function KefuChatShell() {
>
<RotateCwIcon className="size-4" />
</Button>
{showHostActions ? (
<Button
type="button"
variant="outline"
size="icon-sm"
onClick={handleMinimize}
aria-label="收起聊天窗口"
title="收起聊天窗口"
className="bg-background text-muted-foreground hover:text-foreground"
>
<MinusIcon className="size-4" />
</Button>
) : null}
{showHostActions ? (
<Button
type="button"
variant="outline"
size="icon-sm"
onClick={handleToggleMaximize}
aria-label={isMaximized ? "取消最大化" : "最大化聊天窗口"}
title={isMaximized ? "取消最大化" : "最大化聊天窗口"}
className="bg-background text-muted-foreground hover:text-emerald-700 dark:hover:text-emerald-400"
>
{isMaximized ? (
<Minimize2Icon className="size-4" />
) : (
<Maximize2Icon className="size-4" />
)}
</Button>
) : null}
<Button
type="button"
variant="outline"
size="icon-sm"
onClick={handleMinimize}
aria-label="收起聊天窗口"
title="收起聊天窗口"
className="bg-background text-muted-foreground hover:text-foreground"
>
<MinusIcon className="size-4" />
</Button>
<Button
type="button"
variant="outline"
size="icon-sm"
onClick={handleToggleMaximize}
aria-label={isMaximized ? "取消最大化" : "最大化聊天窗口"}
title={isMaximized ? "取消最大化" : "最大化聊天窗口"}
className="bg-background text-muted-foreground hover:text-emerald-700 dark:hover:text-emerald-400"
>
{isMaximized ? (
<Minimize2Icon className="size-4" />
) : (
<Maximize2Icon className="size-4" />
)}
</Button>
<Button
type="button"
variant="outline"