jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): expand the first series on adding a fitler

Browse source
This commit is contained in:
Shekar Siri 2024-07-03 13:39:12 +02:00
parent 420cd95858
commit 5226f60834
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
View file

@ -1,4 +1,4 @@
import React, {useState} from 'react';
import React, { useEffect, useState } from 'react';
import FilterList from 'Shared/Filters/FilterList';
import SeriesName from './SeriesName';
import cn from 'classnames';
@ -93,6 +93,14 @@ function FilterSeries(props: Props) {
} = props;
const [expanded, setExpanded] = useState(!expandable);
const {series, seriesIndex} = props;
const [prevLength, setPrevLength] = useState(0);
useEffect(() => {
if (series.filter.filters.length === 1 && prevLength === 0 && seriesIndex === 0) {
setExpanded(true);
}
setPrevLength(series.filter.filters.length);
}, [series.filter.filters.length]);
const onUpdateFilter = (filterIndex: any, filter: any) => {
series.filter.updateFilter(filterIndex, filter);

1
frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
View file

@ -18,7 +18,6 @@ import { metricOf } from 'App/constants/filterOptions';
import { AudioWaveform, ChevronDown, ChevronUp, PlusIcon } from 'lucide-react';
import { observer } from 'mobx-react-lite';
import AddStepButton from 'Components/Dashboard/components/FilterSeries/AddStepButton';
import { Icon } from 'UI';
import FilterItem from 'Shared/Filters/FilterItem';
import { FilterKey } from 'Types/filter/filterType';