1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-24 01:18:01 +02:00

Remove member count for default project (#2131)

* Remove member count from default project

* Remove dependencies
This commit is contained in:
sjaanus 2022-10-05 10:51:47 +02:00 committed by GitHub
parent e30b830305
commit 774d4234bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 46 additions and 36 deletions

View File

@ -16,6 +16,7 @@ import {
AccordionSummary, AccordionSummary,
} from '@mui/material'; } from '@mui/material';
import { UPDATE_PROJECT } from 'component/providers/AccessProvider/permissions'; import { UPDATE_PROJECT } from 'component/providers/AccessProvider/permissions';
import { DEFAULT_PROJECT_ID } from '../../../../hooks/api/getters/useDefaultProject/useDefaultProjectId';
interface IProjectInfoProps { interface IProjectInfoProps {
id: string; id: string;
@ -125,7 +126,6 @@ const ProjectInfo = ({
<p>projectId: {id}</p> <p>projectId: {id}</p>
</div> </div>
</div> </div>
<div className={styles.infoSection}> <div className={styles.infoSection}>
<div data-loading className={styles.percentageContainer}> <div data-loading className={styles.percentageContainer}>
<PercentageCircle percentage={health} /> <PercentageCircle percentage={health} />
@ -154,35 +154,39 @@ const ProjectInfo = ({
/> />
</Link> </Link>
</div> </div>
<ConditionallyRender
<div condition={id !== DEFAULT_PROJECT_ID}
className={styles.infoSection} show={
style={{ marginBottom: '0' }} <div
> className={styles.infoSection}
<p className={styles.subtitle} data-loading> style={{ marginBottom: '0' }}
Project members >
</p> <p className={styles.subtitle} data-loading>
<p data-loading className={styles.emphazisedText}> Project members
{memberCount} </p>
</p> <p data-loading className={styles.emphazisedText}>
<Link {memberCount}
data-loading </p>
className={classnames( <Link
themeStyles.flexRow, data-loading
themeStyles.justifyCenter, className={classnames(
styles.infoLink themeStyles.flexRow,
)} themeStyles.justifyCenter,
to={link} styles.infoLink
> )}
<span className={styles.linkText} data-loading> to={link}
view more{' '} >
</span> <span className={styles.linkText} data-loading>
<ArrowForwardIcon view more{' '}
data-loading </span>
className={styles.arrowIcon} <ArrowForwardIcon
/> data-loading
</Link> className={styles.arrowIcon}
</div> />
</Link>
</div>
}
/>
</div> </div>
</aside> </aside>
); );

View File

@ -15,6 +15,7 @@ import AccessContext from 'contexts/AccessContext';
import { DEFAULT_PROJECT_ID } from 'hooks/api/getters/useDefaultProject/useDefaultProjectId'; import { DEFAULT_PROJECT_ID } from 'hooks/api/getters/useDefaultProject/useDefaultProjectId';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { DeleteProjectDialogue } from '../Project/DeleteProject/DeleteProjectDialogue'; import { DeleteProjectDialogue } from '../Project/DeleteProject/DeleteProjectDialogue';
import { ConditionallyRender } from '../../common/ConditionallyRender/ConditionallyRender';
interface IProjectCardProps { interface IProjectCardProps {
name: string; name: string;
@ -120,12 +121,17 @@ export const ProjectCard = ({
<p data-loading>health</p> <p data-loading>health</p>
</div> </div>
<div className={classes.infoBox}> <ConditionallyRender
<p className={classes.infoStats} data-loading> condition={id !== DEFAULT_PROJECT_ID}
{memberCount} show={
</p> <div className={classes.infoBox}>
<p data-loading>members</p> <p className={classes.infoStats} data-loading>
</div> {memberCount}
</p>
<p data-loading>members</p>
</div>
}
/>
</div> </div>
<DeleteProjectDialogue <DeleteProjectDialogue
project={id} project={id}