forked from github/plane
535731141f
* chore: implemented cycles list filters and ordering * chore: active cycle tab updated * refactor: cycles folder structure * fix: name search inout auto-focus * fix: cycles ordering * refactor: move cycle filters logic to mobx store from local storage * chore: show completed cycles in a disclosure * chore: added completed cycles count * refactor: cycles mapping logic --------- Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
26 lines
785 B
TypeScript
26 lines
785 B
TypeScript
import { observer } from "mobx-react";
|
|
// hooks
|
|
import { useCycle } from "hooks/store";
|
|
// components
|
|
import { UpcomingCycleListItem } from "components/cycles";
|
|
|
|
export const UpcomingCyclesList = observer(() => {
|
|
// store hooks
|
|
const { currentProjectUpcomingCycleIds } = useCycle();
|
|
|
|
if (!currentProjectUpcomingCycleIds) return null;
|
|
|
|
return (
|
|
<div>
|
|
<div className="bg-custom-background-80 font-semibold text-sm py-1 px-2 rounded inline-block">
|
|
Upcoming cycles
|
|
</div>
|
|
<div className="mt-2 divide-y-[0.5px] divide-custom-border-200 border-b-[0.5px] border-custom-border-200">
|
|
{currentProjectUpcomingCycleIds.map((cycleId) => (
|
|
<UpcomingCycleListItem key={cycleId} cycleId={cycleId} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|