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

chore: some of the eslint rules disabling is removed and types are removed (#2152)

Browse Source 
Co-authored-by: Chintan Sudani <46838508+csudani7@users.noreply.github.com>
This commit is contained in:
Palash Gupta 2023-02-03 20:32:22 +05:30 committed by GitHub
parent 62b2462e03
commit 0832bce955
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/container/LogsSearchFilter/SearchFields/QueryBuilder/QueryBuilder.tsx
View File

@ -1,9 +1,3 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable no-bitwise */
/* eslint-disable sonarjs/no-identical-functions */
/* eslint-disable no-param-reassign */
/* eslint-disable react/no-array-index-key */
/* eslint-disable react-hooks/exhaustive-deps */
import { CloseOutlined, CloseSquareOutlined } from '@ant-design/icons';
import { Button, Input, Select } from 'antd';
import CategoryHeading from 'components/Logs/CategoryHeading';
@ -12,7 +6,7 @@ import {
QueryOperatorsMultiVal,
QueryOperatorsSingleVal,
} from 'lib/logql/tokens';
import React, { useMemo } from 'react';
import React, { useCallback, useMemo } from 'react';
import { useSelector } from 'react-redux';
import { AppState } from 'store/reducers';
import { ILogsReducer } from 'types/reducer/logs';
@ -52,7 +46,7 @@ function QueryConditionField({
interface QueryFieldProps {
query: Query;
queryIndex: number;
onUpdate: (query: unknown, queryIndex: number) => void;
onUpdate: (query: Query, queryIndex: number) => void;
onDelete: (queryIndex: number) => void;
}
function QueryField({
@ -64,34 +58,39 @@ function QueryField({
const {
fields: { selected },
} = useSelector<AppState, ILogsReducer>((store) => store.logs);
const getFieldType = (inputKey: string): string => {
// eslint-disable-next-line no-restricted-syntax
for (const selectedField of selected) {
if (inputKey === selectedField.name) {
const getFieldType = useCallback(
(inputKey: string): string => {
const selectedField = selected.find((field) => inputKey === field.name);
if (selectedField) {
return selectedField.type;
}
}
return '';
};
return '';
},
[selected],
);
const fieldType = useMemo(() => getFieldType(query[0].value as string), [
getFieldType,
query,
]);
const handleChange = (qIdx: number, value: string): void => {
query[qIdx].value = value || '';
const updatedQuery = [...query];
updatedQuery[qIdx].value = value || '';
if (qIdx === 1) {
if (Object.values(QueryOperatorsMultiVal).includes(value)) {
if (!Array.isArray(query[2].value)) {
query[2].value = [];
if (!Array.isArray(updatedQuery[2].value)) {
updatedQuery[2].value = [];
}
} else if (
Object.values(QueryOperatorsSingleVal).includes(value) &&
Array.isArray(query[2].value)
Array.isArray(updatedQuery[2].value)
) {
query[2].value = '';
updatedQuery[2].value = '';
}
}
onUpdate(query, queryIndex);
onUpdate(updatedQuery, queryIndex);
};
const handleClear = (): void => {
@ -210,16 +209,16 @@ function QueryBuilder({
if (Array.isArray(query) && query.length > 1) {
result.push(
<QueryField
key={keyPrefix + idx}
query={query as never}
key={keyPrefix}
query={query}
queryIndex={idx}
onUpdate={handleUpdate as never}
onUpdate={handleUpdate}
onDelete={handleDelete}
/>,
);
} else {
result.push(
<div key={keyPrefix + idx}>
<div key={keyPrefix}>
<QueryConditionField
query={Array.isArray(query) ? query[0] : query}
queryIndex={idx}