feat: add click handling for detail dialog in DocumentList and FAQList components
This commit is contained in:
@@ -509,9 +509,10 @@ export function DocumentList({ knowledgeBaseId, onActionStateChange }: DocumentL
|
|||||||
<ContextMenuTrigger className="w-full">
|
<ContextMenuTrigger className="w-full">
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"bg-background p-3 transition-colors hover:bg-accent w-full",
|
"bg-background p-3 transition-colors hover:bg-accent w-full cursor-pointer",
|
||||||
contextMenuDocumentId === item.id && "bg-accent text-accent-foreground",
|
contextMenuDocumentId === item.id && "bg-accent text-accent-foreground",
|
||||||
)}
|
)}
|
||||||
|
onClick={() => openDetailDialog(item)}
|
||||||
>
|
>
|
||||||
<div className="flex items-start justify-between gap-2">
|
<div className="flex items-start justify-between gap-2">
|
||||||
<div className="flex min-w-0 flex-1 items-start gap-2">
|
<div className="flex min-w-0 flex-1 items-start gap-2">
|
||||||
@@ -541,6 +542,7 @@ export function DocumentList({ knowledgeBaseId, onActionStateChange }: DocumentL
|
|||||||
</div>
|
</div>
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<DropdownMenuTrigger
|
<DropdownMenuTrigger
|
||||||
|
onClick={(event) => event.stopPropagation()}
|
||||||
render={
|
render={
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
@@ -616,9 +618,10 @@ export function DocumentList({ knowledgeBaseId, onActionStateChange }: DocumentL
|
|||||||
<ContextMenuTrigger className="w-full">
|
<ContextMenuTrigger className="w-full">
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex items-center gap-3 bg-background p-2 transition-colors hover:bg-accent w-full",
|
"flex items-center gap-3 bg-background p-2 transition-colors hover:bg-accent w-full cursor-pointer",
|
||||||
contextMenuDocumentId === item.id && "bg-accent text-accent-foreground",
|
contextMenuDocumentId === item.id && "bg-accent text-accent-foreground",
|
||||||
)}
|
)}
|
||||||
|
onClick={() => openDetailDialog(item)}
|
||||||
>
|
>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
checked={selectedIds.includes(item.id)}
|
checked={selectedIds.includes(item.id)}
|
||||||
@@ -643,6 +646,7 @@ export function DocumentList({ knowledgeBaseId, onActionStateChange }: DocumentL
|
|||||||
</div>
|
</div>
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<DropdownMenuTrigger
|
<DropdownMenuTrigger
|
||||||
|
onClick={(event) => event.stopPropagation()}
|
||||||
render={
|
render={
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
|
|||||||
@@ -454,9 +454,10 @@ export function FAQList({
|
|||||||
<ContextMenuTrigger className="w-full">
|
<ContextMenuTrigger className="w-full">
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex items-center gap-3 bg-background p-2 transition-colors hover:bg-accent w-full",
|
"flex items-center gap-3 bg-background p-2 transition-colors hover:bg-accent w-full cursor-pointer",
|
||||||
contextMenuFAQId === item.id && "bg-accent text-accent-foreground",
|
contextMenuFAQId === item.id && "bg-accent text-accent-foreground",
|
||||||
)}
|
)}
|
||||||
|
onClick={() => openDetailDialog(item)}
|
||||||
>
|
>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
checked={selectedIds.includes(item.id)}
|
checked={selectedIds.includes(item.id)}
|
||||||
@@ -478,6 +479,7 @@ export function FAQList({
|
|||||||
</div>
|
</div>
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<DropdownMenuTrigger
|
<DropdownMenuTrigger
|
||||||
|
onClick={(event) => event.stopPropagation()}
|
||||||
render={<Button variant="ghost" size="icon" className="size-6" />}
|
render={<Button variant="ghost" size="icon" className="size-6" />}
|
||||||
aria-label={t("knowledge.moreActions", { name: item.question })}
|
aria-label={t("knowledge.moreActions", { name: item.question })}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user