mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-23 20:07:40 +02:00
6fc30d3a79
* feat: add feature status * fix: use feature status in project feature list * fix: text size * fix: project view * fix: padding * fix: lint * fix: snapshots * fix: text size * fix: snapshots * fix: size * fix: revert size * fix: update snapshots Co-authored-by: Fredrik Oseberg <fredrik.no@gmail.com>
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import useProject from '../../../hooks/api/getters/useProject/useProject';
|
|
import ProjectFeatureToggles from './ProjectFeatureToggles/ProjectFeatureToggles';
|
|
import ProjectInfo from './ProjectInfo/ProjectInfo';
|
|
import { useStyles } from './Project.styles';
|
|
|
|
interface ProjectOverviewProps {
|
|
projectId: string;
|
|
}
|
|
|
|
const ProjectOverview = ({ projectId }: ProjectOverviewProps) => {
|
|
const { project, loading } = useProject(projectId);
|
|
const { members, features, health } = project;
|
|
const styles = useStyles();
|
|
|
|
return (
|
|
<div>
|
|
<div className={styles.containerStyles}>
|
|
<ProjectInfo
|
|
id={projectId}
|
|
memberCount={members}
|
|
health={health}
|
|
featureCount={features?.length}
|
|
/>
|
|
<div className={styles.projectToggles}>
|
|
<ProjectFeatureToggles
|
|
features={features}
|
|
loading={loading}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProjectOverview;
|