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

feat : sidebar progress improvement (#272)

Browse source 
* feat: progress chart render validation

* fix: sidebar stats tab

* feat: sidebar active tab context
This commit is contained in:
Anmol Singh Bhatia 2023-02-13 13:14:23 +05:30 • committed by GitHub
parent ebf294af55
commit 8fb34fe1e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 85 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -101,6 +101,8 @@ const CycleDetailSidebar: React.FC<Props> = ({ issues, cycle, isOpen, cycleIssue
});
}, [cycle, reset]);
const isStartValid = new Date(`${cycle?.start_date}`) <= new Date();
const isEndValid = new Date(`${cycle?.end_date}`) >= new Date(`${cycle?.start_date}`);
return (
<div
className={`fixed top-0 ${
@ -275,14 +277,22 @@ const CycleDetailSidebar: React.FC<Props> = ({ issues, cycle, isOpen, cycleIssue
<div className="py-1" />
</div>
<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} />
{isStartValid && isEndValid ? (
<div className="relative h-[200px] w-full ">
<ProgressChart
issues={issues}
start={cycle?.start_date ?? ""}
end={cycle?.end_date ?? ""}
/>
</div>
) : (
""
)}
{issues.length > 0 ? (
<SidebarProgressStats issues={issues} groupedIssues={groupedIssues} />
) : (
""
)}
</div>
</>
) : (