GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-10 00:08:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #819 from pranshuchittora/pc/feat/trace-detail/eclear

Browse Source 
fix: expand and unexpand on active span path
This commit is contained in:
Ankit Nayan 2022-03-04 13:16:46 +05:30 committed by GitHub
commit fb3dbcf662
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/container/GantChart/Trace/index.tsx
View File

@ -41,8 +41,14 @@ const Trace = (props: TraceProps): JSX.Element => {
const { isDarkMode } = useThemeMode()
const [isOpen, setOpen] = useState<boolean>(activeSpanPath[level] === id);
const localTreeExpandInteraction = useRef<boolean | 0>(0); // Boolean is for the state of the expansion whereas the number i.e. 0 is for skipping the user interaction.
useEffect(() => {
if (!isOpen) {
if (localTreeExpandInteraction.current !== 0) {
setOpen(localTreeExpandInteraction.current);
localTreeExpandInteraction.current = 0;
}
else if (!isOpen) {
setOpen(activeSpanPath[level] === id)
}
}, [activeSpanPath, isOpen])
@ -82,6 +88,11 @@ const Trace = (props: TraceProps): JSX.Element => {
const onClick = () => {
setActiveSelectedId(id);
}
const onClickTreeExpansion = (event) => {
event.stopPropagation()
setOpen((state) => { localTreeExpandInteraction.current = !isOpen; return !state });
}
const { totalSpans } = getMetaDataFromSpanTree(props);
const inMsCount = value;
@ -113,10 +124,7 @@ const Trace = (props: TraceProps): JSX.Element => {
{totalSpans !== 1 && (
<CardComponent
isDarkMode={isDarkMode}
onClick={(e) => {
e.stopPropagation()
setOpen((state) => !state);
}}
onClick={onClickTreeExpansion}
>
{totalSpans}
<CaretContainer>