thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

[WEB-1235] chore: module and cycle sidebar graph improvement (#4650)

Browse Source 
* chore: module and cycle sidebar graph improvement

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia 2024-05-31 13:57:46 +05:30 committed by GitHub
parent 9143e5abc8
commit fc4ba5a170
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/core/sidebar/progress-chart.tsx
View File

@ -56,21 +56,18 @@ const ProgressChart: React.FC<Props> = ({ distribution, startDate, endDate, tota
dates = eachDayOfInterval({ start, end });
}
const maxDates = 4;
const totalDates = dates.length;
if (dates.length === 0) return [];
if (totalDates <= maxDates) return dates.map((d) => renderFormattedDateWithoutYear(d));
else {
const interval = Math.ceil(totalDates / maxDates);
const limitedDates = [];
const formattedDates = dates.map((d) => renderFormattedDateWithoutYear(d));
const firstDate = formattedDates[0];
const lastDate = formattedDates[formattedDates.length - 1];
for (let i = 0; i < totalDates; i += interval) limitedDates.push(renderFormattedDateWithoutYear(dates[i]));
if (formattedDates.length <= 2) return [firstDate, lastDate];
if (!limitedDates.includes(renderFormattedDateWithoutYear(dates[totalDates - 1])))
limitedDates.push(renderFormattedDateWithoutYear(dates[totalDates - 1]));
const middleDateIndex = Math.floor(formattedDates.length / 2);
const middleDate = formattedDates[middleDateIndex];
return limitedDates;
}
return [firstDate, middleDate, lastDate];
};
return (