\r\n
handleProductGroupDisplay(firstIndex)} margin='both'>\r\n
handleProductGroupsAffected(firstIndex)} checked={firstIndex < isProductGroupSelected.length ? isProductGroupSelected[firstIndex] : false}>\r\n {productGroup.name}\r\n
\r\n {productGroup.products.map((product: ProductDTO, secondIndex: number) => {\r\n return(\r\n
\r\n handleProductsAffected(firstIndex, secondIndex)} checked={handleProductCheckbox(firstIndex, secondIndex)}>{product.name}\r\n
\r\n );\r\n })}\r\n
\r\n
\r\n );\r\n });\r\n\r\n const statusTableDisplay: JSX.Element[] = statusSelection.map((status: StatusLabelDTO, index: number) => {\r\n return(\r\n \r\n {product.name} | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n
\r\n );\r\n })\r\n });\r\n\r\n const incidentStatusDisplay: {label: string, value: string}[] = incidentSelection.map((incident: IncidentStatusDTO) => {\r\n return({label: incident.name, value: incident.name});\r\n })\r\n\r\n const [detailedIncidentUpdate, setDetailedIncidentUpdate] = useState