"use client"; // mobx react lite import { observer } from "mobx-react-lite"; // components import { IssueBlockPriority } from "components/issues/board-views/block-priority"; import { IssueBlockState } from "components/issues/board-views/block-state"; import { IssueBlockLabels } from "components/issues/board-views/block-labels"; import { IssueBlockDueDate } from "components/issues/board-views/block-due-date"; // mobx hook import { useMobxStore } from "lib/mobx/store-provider"; // interfaces import { IIssue } from "store/types/issue"; import { RootStore } from "store/root"; export const IssueListBlock = ({ issue }: { issue: IIssue }) => { const store: RootStore = useMobxStore(); return (
{/* id */}
{store?.project?.project?.identifier}-{issue?.sequence_id}
{/* name */}
{issue.name}
{/* priority */} {issue?.priority && (
)} {/* state */} {issue?.state_detail && (
)} {/* labels */} {issue?.label_details && issue?.label_details.length > 0 && (
)} {/* due date */} {issue?.target_date && (
)}
); };