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

refactor: clean up imports and improve ConversationList structure

Browse Source
This commit is contained in:
mlogclub
2026-05-06 21:08:09 +08:00
parent 3734e8ec03
commit 102e9c8e4f
1 changed files with 82 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/conversations/_components/conversation-list.tsx
+9 -11
View File
@@ -1,16 +1,16 @@
"use client" "use client"
import { UserIcon } from "lucide-react" import { UserIcon } from "lucide-react";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { ScrollArea } from "@/components/ui/scroll-area" import { ScrollArea } from "@/components/ui/scroll-area";
import { formatDateTime } from "@/lib/utils" import { getEnumLabel } from "@/lib/enums";
import { useAgentConversationsStore } from "@/lib/stores/agent-conversations"
import { import {
IMConversationStatus, IMConversationStatus,
IMConversationStatusLabels, IMConversationStatusLabels,
} from "@/lib/generated/enums" } from "@/lib/generated/enums";
import { getEnumLabel } from "@/lib/enums" import { useAgentConversationsStore } from "@/lib/stores/agent-conversations";
import { formatDateTime } from "@/lib/utils";
function getStatusVariant(status: number) { function getStatusVariant(status: number) {
switch (status) { switch (status) {
@@ -38,8 +38,7 @@ export function ConversationList({ onAfterSelect }: ConversationListProps) {
const selectConversation = useAgentConversationsStore((state) => state.selectConversation) const selectConversation = useAgentConversationsStore((state) => state.selectConversation)
return ( return (
<ScrollArea className="flex-1 bg-transparent"> <ScrollArea className="overflow-auto">
<div className="divide-y divide-border">
{loading ? ( {loading ? (
<div className="p-6 text-center text-sm text-muted-foreground"> <div className="p-6 text-center text-sm text-muted-foreground">
加载中... 加载中...
@@ -50,7 +49,7 @@ export function ConversationList({ onAfterSelect }: ConversationListProps) {
return ( return (
<div <div
key={conversation.id} key={conversation.id}
className={`cursor-pointer px-2.5 py-1.5 transition-colors hover:bg-muted/50 ${ className={`cursor-pointer px-2.5 py-1.5 transition-colors hover:bg-muted/50 border-b ${
isSelected ? "bg-muted/80" : "" isSelected ? "bg-muted/80" : ""
}`} }`}
onClick={() => { onClick={() => {
@@ -117,7 +116,6 @@ export function ConversationList({ onAfterSelect }: ConversationListProps) {
暂无会话 暂无会话
</div> </div>
)} )}
</div>
</ScrollArea> </ScrollArea>
) )
} }