// 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 (
  //       <View
  //         style={{
  //           zIndex: (issue.length + 1 - index) * 1000,
  //         }}
  //         key={index}
  //       >
  //         <Pressable
  //           onPress={() => {
  //             if (el.ID === clickedIssue) {
  //               setClickedIssue(-1);
  //               return;
  //             }
  //             setClickedIssue(el.ID);
  //           }}
  //           onMouseEnter={() => setHoveredRow(el.ID)}
  //           onMouseLeave={() => setHoveredRow(-1)}
  //         >
  //           <DataTable.Row style={renderRowStyle(el.ID, index)}>
  //             <DataTable.Cell style={[styles.cell]}>
  //               {project.Name}
  //             </DataTable.Cell>
  //             <DataTable.Cell style={styles.cell}>
  //               {reporter.FirstName}
  //             </DataTable.Cell>
  //             <DataTable.Cell style={styles.cell}>
  //               {el.ReportDate.toISOString().split("T")[0]}
  //             </DataTable.Cell>
  //           </DataTable.Row>
  //         </Pressable>
  //         {el.ID === clickedIssue ? (
  //           <View style={styles.contentContainer}>
  //             <DataTable style={styles.contentTable}>
  //               <DataTable.Header>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Name
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Description
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Status
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Priority
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Classification
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Severity
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Type
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Assigned
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Assign Date
  //                 </DataTable.Title>
  //                 <DataTable.Title textStyle={styles.title}>
  //                   Schedule Date
  //                 </DataTable.Title>
  //               </DataTable.Header>
  //               {renderIssueContentTable(el.ID)}
  //             </DataTable>
  //           </View>
  //         ) : undefined}
  //       </View>
  //     );
  //   });
  // };

// 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 (
  //       <DataTable.Row
  //         style={([styles.rowContainer], { zIndex: 10 - index })}
  //         key={index}
  //       >
  //         <DataTable.Cell style={styles.cell}>{content.Name}</DataTable.Cell>
  //         <DataTable.Cell style={styles.cell}>
  //           {content.Description}
  //         </DataTable.Cell>
  //         <DataTable.Cell style={[styles.cell, { alignItems: "flex-start" }]}>
  //           <ListComp
  //             objectLabel={"Status"}
  //             selectedValue={DropdownContent.status[content.Status].label}
  //             contentData={DropdownContent.status}
  //           />
  //         </DataTable.Cell>
  //         <DataTable.Cell style={[styles.cell, { alignItems: "flex-start" }]}>
  //           <ListComp
  //             objectLabel={"Priority"}
  //             selectedValue={DropdownContent.priority[content.Priority].label}
  //             contentData={DropdownContent.priority}
  //           />
  //         </DataTable.Cell>
  //         <DataTable.Cell style={[styles.cell, { alignItems: "flex-start" }]}>
  //           <ListComp
  //             objectLabel={"Classification"}
  //             selectedValue={
  //               DropdownContent.classification[content.Classification].label
  //             }
  //             contentData={DropdownContent.classification}
  //           />
  //         </DataTable.Cell>
  //         <DataTable.Cell style={[styles.cell, { alignItems: "flex-start" }]}>
  //           <ListComp
  //             objectLabel={"Severity"}
  //             selectedValue={DropdownContent.severity[content.Severity].label}
  //             contentData={DropdownContent.severity}
  //           />
  //         </DataTable.Cell>
  //         <DataTable.Cell style={[styles.cell, { alignItems: "flex-start" }]}>
  //           <ListComp
  //             objectLabel={"Type"}
  //             selectedValue={DropdownContent.type[content.Type].label}
  //             contentData={DropdownContent.type}
  //           />
  //         </DataTable.Cell>
  //         <DataTable.Cell
  //           style={[styles.cell, { justifyContent: "space-between" }]}
  //         >
  //           <Text style={[styles.text, { marginRight: 5 }]}>
  //             {assigner.FirstName}
  //           </Text>
  //           <View style={{ top: 5 }}>
  //             <ArrowRight />
  //           </View>
  //           <Text style={[styles.text, { marginLeft: 5 }]}>
  //             {assignee.FirstName}
  //           </Text>
  //         </DataTable.Cell>
  //         <DataTable.Cell style={styles.cell}>
  //           {content.AssignDate
  //             ? content.AssignDate.toISOString().split("T")[0]
  //             : undefined}
  //         </DataTable.Cell>
  //         <DataTable.Cell style={styles.cell}>
  //           {content.ScheduleDate
  //             ? content.ScheduleDate.toISOString().split("T")[0]
  //             : "yyyy-mm-dd"}
  //         </DataTable.Cell>
  //       </DataTable.Row>
  //     );
  //   });
  // };