Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

feat: add search functionality

Browse Source
This commit is contained in:
Youssef 2022-02-25 09:14:07 +01:00
parent 512b3d1e12
commit ddd7a2caaf
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeatureToggles.tsx
View File

@ -1,4 +1,4 @@
import { useContext } from 'react';
import { useContext, useEffect, useState } from 'react';
import { IconButton } from '@material-ui/core';
import { Add } from '@material-ui/icons';
import FilterListIcon from '@material-ui/icons/FilterList';
@ -31,6 +31,18 @@ const ProjectFeatureToggles = ({
const history = useHistory();
const { hasAccess } = useContext(AccessContext);
const { uiConfig } = useUiConfig();
const [filteredFeatures, setFilteredFeatures] =
useState<IFeatureToggleListItem[]>(features);
const searchFeatures = () => {
const filteredData = features.filter(feature => {
return Object.values(feature)
.join('')
.toLowerCase()
.includes('ENV'.toLowerCase());
});
setFilteredFeatures(filteredData);
};
return (
<PageContent
@ -39,7 +51,7 @@ const ProjectFeatureToggles = ({
headerContent={
<HeaderTitle
className={styles.title}
title={`Feature toggles (${features.length})`}
title={`Feature toggles (${filteredFeatures.length})`}
actions={
<>
<ConditionallyRender
@ -79,10 +91,10 @@ const ProjectFeatureToggles = ({
}
>
<ConditionallyRender
condition={features?.length > 0}
condition={filteredFeatures?.length > 0}
show={
<FeatureToggleListNew
features={features}
features={filteredFeatures}
loading={loading}
projectId={id}
/>