import { FC } from "react"; import { observer } from "mobx-react-lite"; // hooks import { useUser } from "hooks/store"; // components import { CyclePeekOverview, CyclesBoardCard } from "components/cycles"; import { EmptyState, getEmptyStateImagePath } from "components/empty-state"; // constants import { CYCLE_EMPTY_STATE_DETAILS } from "constants/cycle"; export interface ICyclesBoard { cycleIds: string[]; filter: string; workspaceSlug: string; projectId: string; peekCycle: string | undefined; } export const CyclesBoard: FC = observer((props) => { const { cycleIds, filter, workspaceSlug, projectId, peekCycle } = props; // store hooks const { currentUser } = useUser(); const emptyStateDetail = CYCLE_EMPTY_STATE_DETAILS[filter as keyof typeof CYCLE_EMPTY_STATE_DETAILS]; const emptyStateImage = getEmptyStateImagePath("cycle", filter, currentUser?.theme.theme === "light"); return ( <> {cycleIds?.length > 0 ? (
{cycleIds.map((cycleId) => ( ))}
) : ( )} ); });