diff --git a/client/src/app/pages/migration-waves/migration-waves.tsx b/client/src/app/pages/migration-waves/migration-waves.tsx index 6438273278..89d0024603 100644 --- a/client/src/app/pages/migration-waves/migration-waves.tsx +++ b/client/src/app/pages/migration-waves/migration-waves.tsx @@ -20,8 +20,10 @@ import { ToolbarContent, ToolbarGroup, ToolbarItem, + Tooltip, } from "@patternfly/react-core"; import { + ActionsColumn, ExpandableRowContent, Table, Tbody, @@ -62,7 +64,6 @@ import { WaveStatusTable } from "./components/wave-status-table"; import { WaveForm } from "./components/migration-wave-form"; import { ManageApplicationsForm } from "./components/manage-applications-form"; import { deleteMigrationWave } from "@app/api/rest"; -import { ConditionalTooltip } from "@app/components/ConditionalTooltip"; import { ConditionalRender } from "@app/components/ConditionalRender"; import { AppPlaceholder } from "@app/components/AppPlaceholder"; import { ToolbarBulkSelector } from "@app/components/ToolbarBulkSelector"; @@ -70,6 +71,7 @@ import { ConfirmDialog } from "@app/components/ConfirmDialog"; import { toRefs } from "@app/utils/model-utils"; import { useFetchTickets } from "@app/queries/tickets"; import { isInClosedRange } from "@app/components/FilterToolbar/dateUtils"; +import { PencilAltIcon } from "@patternfly/react-icons"; export const MigrationWaves: React.FC = () => { const { t } = useTranslation(); @@ -84,9 +86,6 @@ export const MigrationWaves: React.FC = () => { const [isToolbarKebabOpen, setIsToolbarKebabOpen] = React.useState(false); - const [isRowDropdownOpen, setIsRowDropdownOpen] = React.useState< - number | null - >(null); const [migrationWaveModalState, setWaveModalState] = React.useState< "create" | MigrationWave | null @@ -455,102 +454,79 @@ export const MigrationWaves: React.FC = () => { ? migrationWave.status : "--"} - - setIsRowDropdownOpen(null)} - onOpenChange={(_isOpen) => - setIsRowDropdownOpen(null) - } - popperProps={{ position: "right" }} - toggle={( - toggleRef: React.Ref - ) => ( - { - isRowDropdownOpen - ? setIsRowDropdownOpen(null) - : setIsRowDropdownOpen(migrationWave.id); - }} - isExpanded={isRowDropdownOpen === rowIndex} - > - - - )} - shouldFocusToggleOnSelect - > - + +