0ct0pu5/OpenPanel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index.tsx

Browse source
This commit is contained in:
Stefan Pejcic 2024-02-21 17:12:59 +01:00 • committed by GitHub
parent 04324efcb9
commit 4ad0595d58
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
documentation/src/pages/roadmap/index.tsx
View file

@ -22,6 +22,17 @@ const Roadmap: React.FC = () => {
fetchMilestones(); fetchMilestones();
}, []); }, []);
const calculateProgress = (milestone) => {
const totalIssues = milestone.open_issues + milestone.closed_issues;
const progress = (milestone.closed_issues / totalIssues) * 100;
return progress.toFixed(2);
};
const formatDueDate = (dueDate) => {
const options = { year: 'numeric', month: 'long', day: 'numeric' };
return new Date(dueDate).toLocaleDateString(undefined, options);
};
return ( return (
<CommonLayout> <CommonLayout>
<Head title="ROADMAP | OpenPanel"> <Head title="ROADMAP | OpenPanel">
@ -38,7 +49,8 @@ const Roadmap: React.FC = () => {
<li key={milestone.id}> <li key={milestone.id}>
<strong>{milestone.title}</strong> <strong>{milestone.title}</strong>
<p>{milestone.description}</p> <p>{milestone.description}</p>
<p>Due: {milestone.due_on}</p> <p>Scheduled release date: {formatDueDate(milestone.due_on)}</p>
<p>Progress: {calculateProgress(milestone)}%</p>
</li> </li>
))} ))}
</ul> </ul>