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

fix: the tag key flickering when moving from traces to logs (#6054)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-09-24 09:08:24 +05:30 committed by GitHub
parent 5e5f0f167f
commit df2844ea74
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/QueryBuilderSearchV2.styles.scss
View File

@ -235,16 +235,16 @@
} }
&.resource { &.resource {
border: 1px solid rgba(242, 71, 105, 0.2); border: 1px solid #4bcff920;
.ant-typography { .ant-typography {
color: var(--bg-sakura-400); color: var(--bg-aqua-400);
background: rgba(245, 108, 135, 0.1); background: #4bcff910;
font-size: 14px; font-size: 14px;
} }
.ant-tag-close-icon { .ant-tag-close-icon {
background: rgba(245, 108, 135, 0.1); background: #4bcff910;
} }
} }
&.tag { &.tag {
@ -343,15 +343,15 @@
} }
&.resource { &.resource {
border: 1px solid rgba(242, 71, 105, 0.2); border: 1px solid #4bcff920;
.ant-typography { .ant-typography {
color: var(--bg-sakura-400); color: var(--bg-aqua-400);
background: rgba(245, 108, 135, 0.1); background: #4bcff910;
} }
.ant-tag-close-icon { .ant-tag-close-icon {
background: rgba(245, 108, 135, 0.1); background: #4bcff910;
} }
} }
&.tag { &.tag {

5
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/QueryBuilderSearchV2.tsx
View File

@ -729,7 +729,8 @@ function QueryBuilderSearchV2(
}, [tags]); }, [tags]);
useEffect(() => { useEffect(() => {
if (!isEqual(query.filters.items, tags)) { // convert the query and tags to same format before comparison
if (!isEqual(getInitTags(query), tags)) {
setTags(getInitTags(query)); setTags(getInitTags(query));
} }
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
@ -769,7 +770,7 @@ function QueryBuilderSearchV2(
); );
const queryTags = useMemo( const queryTags = useMemo(
() => tags.map((tag) => `${tag.key.key} ${tag.op} ${tag.value}`), () => tags.map((tag) => `${tag.key?.key} ${tag.op} ${tag.value}`),
[tags], [tags],
); );

8
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/Suggestions.styles.scss
View File

@ -77,14 +77,14 @@
&.resource { &.resource {
border-radius: 50px; border-radius: 50px;
background: rgba(245, 108, 135, 0.1) !important; background: #4bcff910 !important;
color: var(--bg-sakura-400) !important; color: var(--bg-aqua-400) !important;
.dot { .dot {
background-color: var(--bg-sakura-400); background-color: var(--bg-aqua-400);
} }
.text { .text {
color: var(--bg-sakura-400); color: var(--bg-aqua-400);
font-family: Inter; font-family: Inter;
font-size: 12px; font-size: 12px;
font-style: normal; font-style: normal;