// const renderIssueTable = () => {
// return issue.map((el, index) => {
// const reporter = itsData.Entities.find(
// (entity) => entity.ID === el.ReporterId
// );
// const choosenIssue = itsData.IssueContent.filter(
// (content) => content.IssueId === el.ID
// );
// const sortedChoosenIssue = choosenIssue.sort(
// (a, b) => b.AssignDate - a.AssignDate
// );
// console.log(sortedChoosenIssue);
// return (
//
// {
// if (el.ID === clickedIssue) {
// setClickedIssue(-1);
// return;
// }
// setClickedIssue(el.ID);
// }}
// onMouseEnter={() => setHoveredRow(el.ID)}
// onMouseLeave={() => setHoveredRow(-1)}
// >
//
//
// {project.Name}
//
//
// {reporter.FirstName}
//
//
// {el.ReportDate.toISOString().split("T")[0]}
//
//
//
// {el.ID === clickedIssue ? (
//
//
//
//
// Name
//
//
// Description
//
//
// Status
//
//
// Priority
//
//
// Classification
//
//
// Severity
//
//
// Type
//
//
// Assigned
//
//
// Assign Date
//
//
// Schedule Date
//
//
// {renderIssueContentTable(el.ID)}
//
//
// ) : undefined}
//
// );
// });
// };
// const renderIssueContentTable = (id) => {
// const choosenIssue = itsData.IssueContent.filter(
// (content) => content.IssueId === id
// );
// return choosenIssue.map((content, index) => {
// const assigner = itsData.Entities.find(
// (el) => el.ID === content.AssignerId
// );
// const assignee = itsData.Entities.find(
// (el) => el.ID === content.AssigneeId
// );
// return (
//
// {content.Name}
//
// {content.Description}
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
// {assigner.FirstName}
//
//
//
//
//
// {assignee.FirstName}
//
//
//
// {content.AssignDate
// ? content.AssignDate.toISOString().split("T")[0]
// : undefined}
//
//
// {content.ScheduleDate
// ? content.ScheduleDate.toISOString().split("T")[0]
// : "yyyy-mm-dd"}
//
//
// );
// });
// };