forked from github/plane
26 lines
728 B
TypeScript
26 lines
728 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>
|
|
);
|
|
};
|