Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-13 13:48:59 +02:00
Code Issues Projects Releases Wiki Activity

Colors

Browse Source
This commit is contained in:
sjaanus 2025-07-29 16:53:13 +03:00
parent bc163dffc7
commit 8b56b929c8
No known key found for this signature in database
GPG Key ID: 20E007C0248BA7FF
2 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
View File

@ -67,7 +67,7 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
creationArchiveTrends, creationArchiveTrends,
isLoading, isLoading,
}) => { }) => {
const creationArchiveData = useProjectChartData(creationArchiveTrends); const creationVsArchivedChart = useProjectChartData(creationArchiveTrends);
const theme = useTheme(); const theme = useTheme();
const placeholderData = usePlaceholderData(); const placeholderData = usePlaceholderData();
const { locationSettings } = useLocationSettings(); const { locationSettings } = useLocationSettings();
@ -76,14 +76,14 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
const aggregateHealthData = useMemo(() => { const aggregateHealthData = useMemo(() => {
const labels: string[] = Array.from( const labels: string[] = Array.from(
new Set( new Set(
creationArchiveData.datasets.flatMap((d) => creationVsArchivedChart.datasets.flatMap((d) =>
d.data.map((item) => item.week), d.data.map((item) => item.week),
), ),
), ),
); );
const allFlagTypes = new Set<string>(); const allFlagTypes = new Set<string>();
creationArchiveData.datasets.forEach((d) => creationVsArchivedChart.datasets.forEach((d) =>
d.data.forEach((item: any) => { d.data.forEach((item: any) => {
if (item.createdFlags) { if (item.createdFlags) {
Object.keys(item.createdFlags).forEach((type) => Object.keys(item.createdFlags).forEach((type) =>
@ -93,39 +93,39 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
}), }),
); );
const aggregateWeekData = (acc: WeekData, item: RawWeekData) => {
if (item) {
acc.archivedFlags += item.archivedFlags || 0;
if (item.createdFlags) {
Object.entries(item.createdFlags).forEach(
([type, count]) => {
acc.createdFlagsByType[type] =
(acc.createdFlagsByType[type] || 0) + count;
acc.totalCreatedFlags += count;
},
);
}
}
if (!acc.date) {
acc.date = item?.date;
}
return acc;
};
const createInitialWeekData = (label: string): WeekData => ({
archivedFlags: 0,
totalCreatedFlags: 0,
createdFlagsByType: {},
archivePercentage: 0,
week: label,
});
const weeks: WeekData[] = labels const weeks: WeekData[] = labels
.map((label) => { .map((label) => {
return creationArchiveData.datasets return creationVsArchivedChart.datasets
.map((d) => d.data.find((item) => item.week === label)) .map((d) => d.data.find((item) => item.week === label))
.reduce( .reduce(aggregateWeekData, createInitialWeekData(label));
(acc: WeekData, item: RawWeekData) => {
if (item) {
acc.archivedFlags += item.archivedFlags || 0;
if (item.createdFlags) {
Object.entries(item.createdFlags).forEach(
([type, count]) => {
acc.createdFlagsByType[type] =
(acc.createdFlagsByType[type] ||
0) + count;
acc.totalCreatedFlags += count;
},
);
}
}
if (!acc.date) {
acc.date = item?.date;
}
return acc;
},
{
archivedFlags: 0,
totalCreatedFlags: 0,
createdFlagsByType: {},
archivePercentage: 0,
week: label,
} as WeekData,
);
}) })
.map((week) => ({ .map((week) => ({
...week, ...week,
@ -184,14 +184,14 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
], ],
flagTypeNames, flagTypeNames,
}; };
}, [creationArchiveData, theme]); }, [creationVsArchivedChart, theme]);
const aggregateOrProjectData = aggregateHealthData; const aggregateOrProjectData = aggregateHealthData;
const notEnoughData = useMemo( const notEnoughData = useMemo(
() => () =>
!isLoading && !isLoading &&
!creationArchiveData.datasets.some((d) => d.data.length > 1), !creationVsArchivedChart.datasets.some((d) => d.data.length > 1),
[creationArchiveData, isLoading], [creationVsArchivedChart, isLoading],
); );
const data = const data =
notEnoughData || isLoading ? placeholderData : aggregateOrProjectData; notEnoughData || isLoading ? placeholderData : aggregateOrProjectData;

1
frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveTooltip.tsx
View File

@ -28,7 +28,6 @@ export const CreationArchiveTooltip: FC<CreationArchiveTooltipProps> = ({
return null; return null;
} }
// Filter for flag type datasets (exclude archived flags and percentage line)
const createdFlagDataPoints = tooltip.dataPoints.filter( const createdFlagDataPoints = tooltip.dataPoints.filter(
(point) => (point) =>
point.dataset.label !== 'Archived flags' && point.dataset.label !== 'Archived flags' &&