import { FC } from "react"; import { observer } from "mobx-react-lite"; // hooks import { useUser } from "hooks/store"; // components import { CyclePeekOverview, CyclesListItem } from "components/cycles"; import { EmptyState, getEmptyStateImagePath } from "components/empty-state"; // ui import { Loader } from "@plane/ui"; // constants import { CYCLE_EMPTY_STATE_DETAILS } from "constants/cycle"; export interface ICyclesList { cycleIds: string[]; filter: string; workspaceSlug: string; projectId: string; } export const CyclesList: FC = observer((props) => { const { cycleIds, filter, workspaceSlug, projectId } = 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 ? ( <> {cycleIds.length > 0 ? (
{cycleIds.map((cycleId) => ( ))}
) : ( )} ) : ( )} ); });