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

Merge pull request #1304 from SigNoz/417-search-filter

Browse Source 
feat: search filter is added in the trace filter
This commit is contained in:
Palash 2022-06-24 00:23:22 +05:30 committed by GitHub
commit 5a34ce2221
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/container/Trace/Filters/Panel/PanelBody/CommonCheckBox/index.tsx
View File

@ -39,16 +39,22 @@ function CommonCheckBox(props: CommonCheckBoxProps): JSX.Element {
});
};
const isMoreButtonAvilable = Boolean(
numberOfFilters && statusObj.length > numberOfFilters,
);
return (
<>
<Search
value={searchFilter}
onChange={(e): void => setSearchFilter(e.target.value)}
style={{
padding: '0 3%',
}}
placeholder="Filter Values"
/>
{statusObj.length > 0 && (
<Search
value={searchFilter}
onChange={(e): void => setSearchFilter(e.target.value)}
style={{
padding: '0 3%',
}}
placeholder="Filter Values"
/>
)}
{statusObj
.sort((a, b) => {
@ -60,13 +66,15 @@ function CommonCheckBox(props: CommonCheckBoxProps): JSX.Element {
}
return countA - countB;
})
.filter((_, index) => index < numberOfFilters)
.filter((filter) => {
if (searchFilter.length === 0) {
return true;
}
return filter.includes(searchFilter);
return filter
.toLocaleLowerCase()
.includes(searchFilter.toLocaleLowerCase());
})
.filter((_, index) => index < numberOfFilters)
.map((e) => (
<CheckBoxComponent
key={e}
@ -78,7 +86,7 @@ function CommonCheckBox(props: CommonCheckBoxProps): JSX.Element {
/>
))}
{numberOfFilters && statusObj.length > numberOfFilters && (
{isMoreButtonAvilable && (
<Button onClick={onClickMoreHandler} type="link">
More
</Button>

2
frontend/src/store/reducers/trace.ts
View File

@ -24,7 +24,7 @@ import {
} from 'types/actions/trace';
import { TraceFilterEnum, TraceReducer } from 'types/reducer/trace';
export const INITIAL_FILTER_VALUE = 4;
export const INITIAL_FILTER_VALUE = 8;
const initialValue: TraceReducer = {
filter: new Map(),