import { FC } from "react"; import { observer } from "mobx-react-lite"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // components import { CyclePeekOverview, CyclesBoardCard } from "components/cycles"; // types import { ICycle } from "types"; export interface ICyclesBoard { cycles: ICycle[]; filter: string; workspaceSlug: string; projectId: string; peekCycle: string | undefined; } export const CyclesBoard: FC = observer((props) => { const { cycles, filter, workspaceSlug, projectId, peekCycle } = props; const { commandPalette: commandPaletteStore } = useMobxStore(); return ( <> {cycles.length > 0 ? (
{cycles.map((cycle) => ( ))}
) : (

{filter === "all" ? "No cycles" : `No ${filter} cycles`}

)} ); });