diff --git a/client/src/app/pages/migration-waves/components/wave-status-table.tsx b/client/src/app/pages/migration-waves/components/wave-status-table.tsx index 2be8d576f..e26b28267 100644 --- a/client/src/app/pages/migration-waves/components/wave-status-table.tsx +++ b/client/src/app/pages/migration-waves/components/wave-status-table.tsx @@ -3,7 +3,6 @@ import { MigrationWave, Ticket, WaveWithStatus } from "@app/api/models"; import { useTranslation } from "react-i18next"; import { Button, - ButtonVariant, CodeBlock, CodeBlockCode, Modal, @@ -22,22 +21,34 @@ import { TableRowContentWithControls, } from "@app/components/TableControls"; import { SimplePagination } from "@app/components/SimplePagination"; -import { NoDataEmptyState } from "@app/components/NoDataEmptyState"; import { useHistory } from "react-router-dom"; import { useFetchTickets } from "@app/queries/tickets"; -import { Paths } from "@app/Paths"; import { TicketIssue } from "./ticket-issue"; import { useDeleteTicketMutation } from "@app/queries/migration-waves"; import UnlinkIcon from "@patternfly/react-icons/dist/esm/icons/unlink-icon"; +type SetCellExpandedArgs = { + item: WaveWithStatus; + isExpanding?: boolean; + columnKey?: + | "stakeholders" + | "applications" + | "name" + | "startDate" + | "endDate" + | "status"; +}; + export interface IWaveStatusTableProps { migrationWave: WaveWithStatus; removeApplication: (migrationWave: MigrationWave, id: number) => void; + setCellExpanded: (args: SetCellExpandedArgs) => void; } export const WaveStatusTable: React.FC = ({ migrationWave, removeApplication, + setCellExpanded, }) => { const { t } = useTranslation(); const [codeModalState, setCodeModalState] = useState< @@ -113,24 +124,6 @@ export const WaveStatusTable: React.FC = ({ - -
- -
- - } > {currentPageItems?.map((app, rowIndex) => { @@ -181,7 +174,27 @@ export const WaveStatusTable: React.FC = ({ diff --git a/client/src/app/pages/migration-waves/migration-waves.tsx b/client/src/app/pages/migration-waves/migration-waves.tsx index 586f526b7..19117b6f3 100644 --- a/client/src/app/pages/migration-waves/migration-waves.tsx +++ b/client/src/app/pages/migration-waves/migration-waves.tsx @@ -234,7 +234,7 @@ export const MigrationWaves: React.FC = () => { getTdProps, getExpandedContentTdProps, }, - expansionDerivedState: { isCellExpanded }, + expansionDerivedState: { isCellExpanded, setCellExpanded }, } = tableControls; // TODO: Check RBAC access @@ -437,7 +437,7 @@ export const MigrationWaves: React.FC = () => { > {migrationWave.applications.length ? migrationWave.status - : "N/A"} + : "--"} { ) )}