LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 16:43:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

(feat:mermaid) zoom on hover

Browse Source
This commit is contained in:
ManishMadan2882
2025-05-04 19:39:24 +05:30
parent 7e7ce276b2
commit 16386a9524
2 changed files with 152 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/conversation/ConversationMessages.tsx
View File

@@ -1,4 +1,4 @@
import { Fragment, useEffect, useRef, useState } from 'react';
import { Fragment, useEffect, useRef, useState, useCallback } from 'react';
import { useTranslation } from 'react-i18next';
import ArrowDown from '../assets/arrow-down.svg';
@@ -47,25 +47,30 @@ export default function ConversationMessages({
}
};
// Remove Mermaid tracking code that was here
const scrollIntoView = () => {
if (!conversationRef?.current || eventInterrupt) return;
if (status === 'idle' || !queries[queries.length - 1]?.response) {
conversationRef.current.scrollTo({
behavior: 'smooth',
top: conversationRef.current.scrollHeight,
});
} else {
conversationRef.current.scrollTop = conversationRef.current.scrollHeight;
}
setTimeout(() => {
if (!conversationRef?.current) return;
if (status === 'idle' || !queries[queries.length - 1]?.response) {
conversationRef.current.scrollTo({
behavior: 'smooth',
top: conversationRef.current.scrollHeight,
});
} else {
conversationRef.current.scrollTop = conversationRef.current.scrollHeight;
}
}, 100); // Small timeout to allow images to render
};
const checkScroll = () => {
const el = conversationRef.current;
if (!el) return;
const isBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 10;
atLast.current = isBottom
atLast.current = isBottom;
};
useEffect(() => {
@@ -182,4 +187,4 @@ export default function ConversationMessages({
</div>
</div>
);
}
}