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

style: add className for SearchField

Browse Source
This commit is contained in:
Youssef 2022-02-28 17:20:47 +01:00
parent 722c06b73f
commit 65713bc78f
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,13 +17,14 @@ import { getCreateTogglePath } from 'utils/route-path-helpers';
import { useStyles } from './ProjectFeatureToggles.styles'; import { useStyles } from './ProjectFeatureToggles.styles';
import { CREATE_FEATURE } from 'component/providers/AccessProvider/permissions'; import { CREATE_FEATURE } from 'component/providers/AccessProvider/permissions';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import classnames from 'classnames';
interface IProjectFeatureToggles { interface IProjectFeatureToggles {
features: IFeatureToggleListItem[]; features: IFeatureToggleListItem[];
loading: boolean; loading: boolean;
} }
const ProjectFeatureToggles = ({ export const ProjectFeatureToggles = ({
features, features,
loading, loading,
}: IProjectFeatureToggles) => { }: IProjectFeatureToggles) => {
@ -55,7 +56,9 @@ const ProjectFeatureToggles = ({
<SearchField <SearchField
initialValue={filter} initialValue={filter}
updateValue={setFilter} updateValue={setFilter}
className={styles.search} className={classnames(styles.search, {
skeleton: loading,
})}
/> />
<ConditionallyRender <ConditionallyRender
condition={PROJECTFILTERING} condition={PROJECTFILTERING}
@ -129,5 +132,3 @@ const ProjectFeatureToggles = ({
</PageContent> </PageContent>
); );
}; };
export default ProjectFeatureToggles;

2
frontend/src/component/project/Project/ProjectOverview.tsx
View File

@ -1,5 +1,5 @@
import useProject from '../../../hooks/api/getters/useProject/useProject'; import useProject from '../../../hooks/api/getters/useProject/useProject';
import ProjectFeatureToggles from './ProjectFeatureToggles/ProjectFeatureToggles'; import { ProjectFeatureToggles } from './ProjectFeatureToggles/ProjectFeatureToggles';
import ProjectInfo from './ProjectInfo/ProjectInfo'; import ProjectInfo from './ProjectInfo/ProjectInfo';
import { useStyles } from './Project.styles'; import { useStyles } from './Project.styles';