feat: restricted_SELECTED_FIELDS is filtered from the selected list (#2401)

* feat: restricted_SELECTED_FIELDS is filtered from the selected list

* chore: selected id fields is removed from the rendering part
This commit is contained in:
palashgdev 2023-03-01 17:26:37 +05:30 committed by GitHub
parent 50270281e3
commit e46b7e41e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 6 deletions

View File

@ -103,6 +103,11 @@ function ListLogView({ logData }: ListLogViewProps): JSX.Element {
});
};
const updatedSelecedFields = useMemo(
() => selected.filter((e) => e.name !== 'id'),
[selected],
);
return (
<Container>
<div>
@ -123,7 +128,7 @@ function ListLogView({ logData }: ListLogViewProps): JSX.Element {
{'}'}
</div>
<div>
{map(selected, (field) =>
{map(updatedSelecedFields, (field) =>
isValidLogField(flattenLogData[field.name] as never) ? (
<LogSelectedField
key={field.name}

View File

@ -33,8 +33,9 @@ function LogsTableView(props: LogsTableViewProps): JSX.Element {
]);
const columns: ColumnsType<Record<string, unknown>> = useMemo(() => {
const fieldColumns: ColumnsType<Record<string, unknown>> = fields.map(
({ name }) => ({
const fieldColumns: ColumnsType<Record<string, unknown>> = fields
.filter((e) => e.name !== 'id')
.map(({ name }) => ({
title: name,
dataIndex: name,
key: name,
@ -48,8 +49,7 @@ function LogsTableView(props: LogsTableViewProps): JSX.Element {
</Typography.Paragraph>
),
}),
}),
);
}));
return [
{

View File

@ -7,7 +7,7 @@ import { useSelector } from 'react-redux';
import { AppState } from 'store/reducers';
import { ILogsReducer } from 'types/reducer/logs';
import { ICON_STYLE } from './config';
import { ICON_STYLE, RESTRICTED_SELECTED_FIELDS } from './config';
import FieldItem from './FieldItem';
import { CategoryContainer, FieldContainer } from './styles';
import { IHandleInterestProps, IHandleRemoveInterestProps } from './types';
@ -71,6 +71,7 @@ function LogsFilters(): JSX.Element {
<FieldContainer>
{selected
.filter((field) => fieldSearchFilter(field.name, filterValuesInput))
.filter((field) => RESTRICTED_SELECTED_FIELDS.indexOf(field.name) === -1)
.map((field, idx) => (
<FieldItem
key={`${JSON.stringify(field)}`}