mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-04 00:18:01 +01:00
fix: clear search input on route change
This commit is contained in:
parent
47bfda1f7b
commit
64aa5bde06
@ -1,4 +1,4 @@
|
|||||||
import { useContext, useLayoutEffect } from 'react';
|
import { useContext, useLayoutEffect, useEffect } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import classnames from 'classnames';
|
import classnames from 'classnames';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
@ -46,6 +46,11 @@ const FeatureToggleList = ({
|
|||||||
fetcher();
|
fetcher();
|
||||||
}, [fetcher]);
|
}, [fetcher]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
updateSetting('filter', '');
|
||||||
|
/* eslint-disable-next-line */
|
||||||
|
}, []);
|
||||||
|
|
||||||
const toggleMetrics = () => {
|
const toggleMetrics = () => {
|
||||||
updateSetting('showLastHour', !settings.showLastHour);
|
updateSetting('showLastHour', !settings.showLastHour);
|
||||||
};
|
};
|
||||||
@ -74,7 +79,6 @@ const FeatureToggleList = ({
|
|||||||
hasAccess={hasAccess}
|
hasAccess={hasAccess}
|
||||||
className={'skeleton'}
|
className={'skeleton'}
|
||||||
flags={flags}
|
flags={flags}
|
||||||
archive={archive}
|
|
||||||
/>
|
/>
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
@ -125,7 +129,6 @@ const FeatureToggleList = ({
|
|||||||
<div className={styles.featureContainer}>
|
<div className={styles.featureContainer}>
|
||||||
<div className={styles.searchBarContainer}>
|
<div className={styles.searchBarContainer}>
|
||||||
<SearchField
|
<SearchField
|
||||||
value={settings.filter}
|
|
||||||
updateValue={updateSetting.bind(this, 'filter')}
|
updateValue={updateSetting.bind(this, 'filter')}
|
||||||
className={classnames(styles.searchBar, {
|
className={classnames(styles.searchBar, {
|
||||||
skeleton: loading,
|
skeleton: loading,
|
||||||
|
Loading…
Reference in New Issue
Block a user