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
726 B
TypeScript
26 lines
726 B
TypeScript
// components
|
|
import { CyclesBoardCard } from "components/cycles";
|
|
|
|
type Props = {
|
|
cycleIds: string[];
|
|
peekCycle: string | undefined;
|
|
projectId: string;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
export const CyclesBoardMap: React.FC<Props> = (props) => {
|
|
const { cycleIds, peekCycle, projectId, workspaceSlug } = props;
|
|
|
|
return (
|
|
<div
|
|
className={`w-full grid grid-cols-1 gap-6 ${
|
|
peekCycle ? "lg:grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3" : "lg:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4"
|
|
} auto-rows-max transition-all`}
|
|
>
|
|
{cycleIds.map((cycleId) => (
|
|
<CyclesBoardCard key={cycleId} workspaceSlug={workspaceSlug} projectId={projectId} cycleId={cycleId} />
|
|
))}
|
|
</div>
|
|
);
|
|
};
|