import React from "react"; // hooks import useSubIssue from "hooks/use-sub-issue"; // helpers import { renderLongDetailDateFormat } from "helpers/date-time.helper"; // types import { IIssue } from "types"; type Props = { issue: IIssue; expandedIssues: string[]; }; export const SpreadsheetCreatedOnColumn: React.FC = ({ issue, expandedIssues }) => { const isExpanded = expandedIssues.indexOf(issue.id) > -1; const { subIssues, isLoading } = useSubIssue(issue.project_detail.id, issue.id, isExpanded); return ( <> {renderLongDetailDateFormat(issue.created_at)} {isExpanded && !isLoading && subIssues && subIssues.length > 0 && subIssues.map((subIssue: IIssue) => ( ))} ); };