mirror of
https://github.com/khoaliber/khoj.git
synced 2026-03-08 21:29:12 +00:00
Close the agent detail hover card when scroll on agent pane
This commit is contained in:
@@ -169,6 +169,20 @@ function ChatBodyData(props: ChatBodyDataProps) {
|
|||||||
}
|
}
|
||||||
}, [selectedAgent, message, processingMessage, onConversationIdChange]);
|
}, [selectedAgent, message, processingMessage, onConversationIdChange]);
|
||||||
|
|
||||||
|
// Close the agent detail hover card when scroll on agent pane
|
||||||
|
useEffect(() => {
|
||||||
|
const scrollAreaSelector = "[data-radix-scroll-area-viewport]";
|
||||||
|
const scrollAreaEl = document.querySelector<HTMLElement>(scrollAreaSelector);
|
||||||
|
const handleScroll = () => {
|
||||||
|
setHoveredAgent(null);
|
||||||
|
setIsPopoverOpen(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
scrollAreaEl?.addEventListener("scroll", handleScroll);
|
||||||
|
|
||||||
|
return () => scrollAreaEl?.removeEventListener("scroll", handleScroll);
|
||||||
|
}, []);
|
||||||
|
|
||||||
function fillArea(link: string, type: string, prompt: string) {
|
function fillArea(link: string, type: string, prompt: string) {
|
||||||
if (!link) {
|
if (!link) {
|
||||||
let message_str = "";
|
let message_str = "";
|
||||||
|
|||||||
Reference in New Issue
Block a user