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: human readable project names in insight charts (#7686)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-07-29 11:52:14 +02:00 committed by GitHub
parent 1cd1f982ee
commit 94588c12d4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/insights/hooks/useProjectChartData.ts
View File

@ -3,6 +3,7 @@ import type { InstanceInsightsSchema } from 'openapi';
import { useProjectColor } from './useProjectColor';
import { useTheme } from '@mui/material';
import type { GroupedDataByProject } from './useGroupedProjectTrends';
import useProjects from 'hooks/api/getters/useProjects/useProjects';
type ProjectFlagTrends = InstanceInsightsSchema['projectFlagTrends'];
@ -11,13 +12,17 @@ export const useProjectChartData = (
) => {
const theme = useTheme();
const getProjectColor = useProjectColor();
const { projects } = useProjects();
const projectNames = new Map(
projects.map((project) => [project.id, project.name]),
);
const data = useMemo(() => {
const datasets = Object.entries(projectFlagTrends).map(
([project, trends]) => {
const color = getProjectColor(project);
return {
label: project,
label: projectNames.get(project) || project,
data: trends,
borderColor: color,
backgroundColor: color,