binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: burndown chart (#268)

Browse source 
* chore: recharts dependencie added

* chore: tpye added for issue completed at

* feat: date range helper fn added

* feat: progress chart added

* feat: ideal task line added in progress chart

* feat: chart legends added
This commit is contained in:
Anmol Singh Bhatia 2023-02-10 18:40:02 +05:30 • committed by GitHub
parent af22dc9c58
commit bb4ffec7e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 528 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

10
apps/app/components/project/cycles/cycle-detail-sidebar/index.tsx
View file

@ -29,6 +29,7 @@ import { renderShortNumericDateFormat } from "helpers/date-time.helper";
import { CycleIssueResponse, ICycle, IIssue } from "types";
// fetch-keys
import { CYCLE_DETAILS } from "constants/fetch-keys";
import ProgressChart from "components/core/sidebar/progress-chart";
type Props = {
issues: IIssue[];
@ -246,7 +247,14 @@ const CycleDetailSidebar: React.FC<Props> = ({ issues, cycle, isOpen, cycleIssue
</div>
<div className="py-1" />
</div>
<div className="w-full">
<div className="flex flex-col items-center justify-center w-full gap-2 ">
<div className="relative h-[200px] w-full ">
<ProgressChart
issues={issues}
start={cycle?.start_date ?? ""}
end={cycle?.end_date ?? ""}
/>
</div>
<SidebarProgressStats issues={issues} groupedIssues={groupedIssues} />
</div>
</>