From 0e105733a2fb4cecff3ca911f5c64e9192e87701 Mon Sep 17 00:00:00 2001
From: sarinailinger <sn0533129699@gmail.com>
Date: Tue, 24 Sep 2024 12:29:07 +0300
Subject: [PATCH 1/3] add ActionsColumn to  Migration waves table

Signed-off-by: sarinailinger <sn0533129699@gmail.com>
---
 .../pages/migration-waves/migration-waves.tsx | 149 ++++++++++--------
 1 file changed, 80 insertions(+), 69 deletions(-)

diff --git a/client/src/app/pages/migration-waves/migration-waves.tsx b/client/src/app/pages/migration-waves/migration-waves.tsx
index 6438273278..be5cba9d26 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();
@@ -455,6 +457,15 @@ export const MigrationWaves: React.FC = () => {
                             ? migrationWave.status
                             : "--"}
                         </Td>
+                        <Td isActionCell id="pencil-action">
+                          <Tooltip content={t("actions.edit")}>
+                            <Button
+                              variant="plain"
+                              icon={<PencilAltIcon />}
+                              onClick={() => setWaveModalState(migrationWave)}
+                            />
+                          </Tooltip>
+                        </Td>
                         <Td isActionCell id="row-actions">
                           <Dropdown
                             isOpen={isRowDropdownOpen === migrationWave.id}
@@ -482,74 +493,74 @@ export const MigrationWaves: React.FC = () => {
                             )}
                             shouldFocusToggleOnSelect
                           >
-                            <DropdownItem
-                              key="edit"
-                              component="button"
-                              onClick={() => setWaveModalState(migrationWave)}
-                            >
-                              {t("actions.edit")}
-                            </DropdownItem>
-                            <ConditionalTooltip
-                              key="manage-app"
-                              isTooltipEnabled={applications.length === 0}
-                              content={
-                                "No applications are available for assignment."
-                              }
-                            >
-                              <DropdownItem
-                                key="manage-app"
-                                isAriaDisabled={applications.length === 0}
-                                onClick={() => {
-                                  setWaveToManageModalState(migrationWave);
-                                }}
-                              >
-                                {t("composed.manage", {
-                                  what: t("terms.applications").toLowerCase(),
-                                })}
-                              </DropdownItem>
-                            </ConditionalTooltip>
-                            <ConditionalTooltip
-                              key="export-to-issue-manager"
-                              isTooltipEnabled={
-                                migrationWave.applications?.length < 1 ||
-                                !hasExportableApplications(
-                                  tickets,
-                                  migrationWave?.applications
-                                )
-                              }
-                              content={
-                                "No applications are available for export."
-                              }
-                            >
-                              <DropdownItem
-                                key="export-to-issue-manager"
-                                isAriaDisabled={
-                                  migrationWave.applications?.length < 1 ||
-                                  !hasExportableApplications(
-                                    tickets,
-                                    migrationWave?.applications
-                                  )
-                                }
-                                onClick={() =>
-                                  setApplicationsToExport(
-                                    migrationWave.fullApplications
-                                  )
-                                }
-                              >
-                                {t("terms.exportToIssue")}
-                              </DropdownItem>
-                            </ConditionalTooltip>
-                            <DropdownItem
-                              key="delete"
-                              onClick={() =>
-                                setMigrationWaveToDelete({
-                                  id: migrationWave.id,
-                                  name: migrationWave.name,
-                                })
-                              }
-                            >
-                              {t("actions.delete")}
-                            </DropdownItem>
+                            <ActionsColumn
+                              items={[
+                                // {
+                                //   title: t("actions.edit"),
+                                //   onClick: () => setWaveModalState(migrationWave),
+                                // },
+                                {
+                                  isAriaDisabled:
+                                    migrationWave.applications.length === 0,
+                                  tooltipProps: {
+                                    content:
+                                      migrationWave.applications.length === 0
+                                        ? "No applications are available for assignment."
+                                        : "",
+                                  },
+                                  title: t("composed.manage", {
+                                    what: t("terms.applications").toLowerCase(),
+                                  }),
+                                  onClick: () => {
+                                    if (migrationWave.applications.length > 0) {
+                                      setWaveToManageModalState(migrationWave);
+                                    }
+                                  },
+                                },
+                                {
+                                  isAriaDisabled:
+                                    migrationWave.applications?.length < 1 ||
+                                    !hasExportableApplications(
+                                      tickets,
+                                      migrationWave?.applications
+                                    ),
+                                  tooltipProps: {
+                                    content:
+                                      migrationWave.applications?.length < 1 ||
+                                      !hasExportableApplications(
+                                        tickets,
+                                        migrationWave?.applications
+                                      )
+                                        ? "No applications are available for export."
+                                        : "",
+                                  },
+                                  title: t("terms.exportToIssue"),
+                                  onClick: () => {
+                                    if (
+                                      migrationWave.applications?.length > 0 &&
+                                      hasExportableApplications(
+                                        tickets,
+                                        migrationWave?.applications
+                                      )
+                                    ) {
+                                      setApplicationsToExport(
+                                        migrationWave.fullApplications
+                                      );
+                                    }
+                                  },
+                                },
+                                {
+                                  title: t("actions.delete"),
+                                  onClick: () => {
+                                    setMigrationWaveToDelete({
+                                      id: migrationWave.id,
+                                      name: migrationWave.name,
+                                    });
+                                  },
+                                  isDanger: true,
+                                },
+                              ]}
+                            />
                           </Dropdown>
                         </Td>
                       </TableRowContentWithControls>

From 69f45409dd24a0b4896bde351787ac7ec9db0cf9 Mon Sep 17 00:00:00 2001
From: sari weinberger <sn0533129699@gmail.com>
Date: Tue, 8 Oct 2024 14:13:08 +0300
Subject: [PATCH 2/3] Arrangement ActionsColumn

Signed-off-by: sari weinberger <sn0533129699@gmail.com>
---
 .../pages/migration-waves/migration-waves.tsx | 261 ++++++++----------
 1 file changed, 117 insertions(+), 144 deletions(-)

diff --git a/client/src/app/pages/migration-waves/migration-waves.tsx b/client/src/app/pages/migration-waves/migration-waves.tsx
index be5cba9d26..f62b7bdc58 100644
--- a/client/src/app/pages/migration-waves/migration-waves.tsx
+++ b/client/src/app/pages/migration-waves/migration-waves.tsx
@@ -390,121 +390,93 @@ export const MigrationWaves: React.FC = () => {
                 }
                 numRenderedColumns={numRenderedColumns}
               >
-                {currentPageItems?.map((migrationWave, rowIndex) => (
-                  <Tbody
-                    key={migrationWave.id}
-                    isExpanded={isCellExpanded(migrationWave)}
-                  >
-                    <Tr {...getTrProps({ item: migrationWave })}>
-                      <TableRowContentWithControls
-                        {...tableControls}
-                        item={migrationWave}
-                        rowIndex={rowIndex}
-                      >
-                        <Td width={25} {...getTdProps({ columnKey: "name" })}>
-                          {migrationWave.name}
-                        </Td>
-                        <Td
-                          width={10}
-                          {...getTdProps({ columnKey: "startDate" })}
-                        >
-                          {dayjs(migrationWave.startDate)
-                            .tz(currentTimezone)
-                            .format("MM/DD/YYYY")}
-                        </Td>
-                        <Td
-                          width={10}
-                          {...getTdProps({ columnKey: "endDate" })}
-                        >
-                          {dayjs(migrationWave.endDate)
-                            .tz(currentTimezone)
-                            .format("MM/DD/YYYY")}
-                        </Td>
-                        <Td
-                          width={10}
-                          {...getTdProps({
-                            columnKey: "applications",
-                            isCompoundExpandToggle: true,
-                            item: migrationWave,
-                            rowIndex,
-                          })}
-                        >
-                          {migrationWave?.applications?.length.toString()}
-                        </Td>
-                        <Td
-                          width={10}
-                          {...getTdProps({
-                            columnKey: "stakeholders",
-                            isCompoundExpandToggle: true,
-                            item: migrationWave,
-                            rowIndex,
-                          })}
-                        >
-                          {migrationWave.allStakeholders.length}
-                        </Td>
-                        <Td
-                          width={20}
-                          {...getTdProps({
-                            columnKey: "status",
-                            isCompoundExpandToggle:
-                              !!migrationWave.applications.length ||
-                              migrationWave.status === "No Issues",
-                            item: migrationWave,
-                            rowIndex,
-                          })}
+                {currentPageItems?.map((migrationWave, rowIndex) => {
+                  return (
+                    <Tbody
+                      key={migrationWave.id}
+                      isExpanded={isCellExpanded(migrationWave)}
+                    >
+                      <Tr {...getTrProps({ item: migrationWave })}>
+                        <TableRowContentWithControls
+                          {...tableControls}
+                          item={migrationWave}
+                          rowIndex={rowIndex}
                         >
-                          {migrationWave.applications.length
-                            ? migrationWave.status
-                            : "--"}
-                        </Td>
-                        <Td isActionCell id="pencil-action">
-                          <Tooltip content={t("actions.edit")}>
-                            <Button
-                              variant="plain"
-                              icon={<PencilAltIcon />}
-                              onClick={() => setWaveModalState(migrationWave)}
-                            />
-                          </Tooltip>
-                        </Td>
-                        <Td isActionCell id="row-actions">
-                          <Dropdown
-                            isOpen={isRowDropdownOpen === migrationWave.id}
-                            onSelect={() => setIsRowDropdownOpen(null)}
-                            onOpenChange={(_isOpen) =>
-                              setIsRowDropdownOpen(null)
-                            }
-                            popperProps={{ position: "right" }}
-                            toggle={(
-                              toggleRef: React.Ref<MenuToggleElement>
-                            ) => (
-                              <MenuToggle
-                                ref={toggleRef}
-                                aria-label="row actions dropdown toggle"
-                                variant="plain"
-                                onClick={() => {
-                                  isRowDropdownOpen
-                                    ? setIsRowDropdownOpen(null)
-                                    : setIsRowDropdownOpen(migrationWave.id);
-                                }}
-                                isExpanded={isRowDropdownOpen === rowIndex}
-                              >
-                                <EllipsisVIcon />
-                              </MenuToggle>
-                            )}
-                            shouldFocusToggleOnSelect
+                          <Td width={25} {...getTdProps({ columnKey: "name" })}>
+                            {migrationWave.name}
+                          </Td>
+                          <Td
+                            width={10}
+                            {...getTdProps({ columnKey: "startDate" })}
+                          >
+                            {dayjs(migrationWave.startDate)
+                              .tz(currentTimezone)
+                              .format("MM/DD/YYYY")}
+                          </Td>
+                          <Td
+                            width={10}
+                            {...getTdProps({ columnKey: "endDate" })}
+                          >
+                            {dayjs(migrationWave.endDate)
+                              .tz(currentTimezone)
+                              .format("MM/DD/YYYY")}
+                          </Td>
+                          <Td
+                            width={10}
+                            {...getTdProps({
+                              columnKey: "applications",
+                              isCompoundExpandToggle: true,
+                              item: migrationWave,
+                              rowIndex,
+                            })}
+                          >
+                            {migrationWave?.applications?.length.toString()}
+                          </Td>
+                          <Td
+                            width={10}
+                            {...getTdProps({
+                              columnKey: "stakeholders",
+                              isCompoundExpandToggle: true,
+                              item: migrationWave,
+                              rowIndex,
+                            })}
                           >
+                            {migrationWave.allStakeholders.length}
+                          </Td>
+                          <Td
+                            width={20}
+                            {...getTdProps({
+                              columnKey: "status",
+                              isCompoundExpandToggle:
+                                !!migrationWave.applications.length ||
+                                migrationWave.status === "No Issues",
+                              item: migrationWave,
+                              rowIndex,
+                            })}
+                          >
+                            {migrationWave.applications.length
+                              ? migrationWave.status
+                              : "--"}
+                          </Td>
+                          <Td isActionCell id="pencil-action">
+                            <Tooltip content={t("actions.edit")}>
+                              <Button
+                                variant="plain"
+                                icon={<PencilAltIcon />}
+                                onClick={() => setWaveModalState(migrationWave)}
+                              />
+                            </Tooltip>
+                          </Td>
+                          <Td isActionCell id="row-actions">
                             <ActionsColumn
+                              open={isRowDropdownOpen === migrationWave.id}
                               items={[
-                                // {
-                                //   title: t("actions.edit"),
-                                //   onClick: () => setWaveModalState(migrationWave),
-                                // },
                                 {
                                   isAriaDisabled:
-                                    migrationWave.applications.length === 0,
+                                    migrationWave.applications?.length < 1,
                                   tooltipProps: {
                                     content:
-                                      migrationWave.applications.length === 0
+                                      migrationWave.applications?.length < 1
                                         ? "No applications are available for assignment."
                                         : "",
                                   },
@@ -512,7 +484,7 @@ export const MigrationWaves: React.FC = () => {
                                     what: t("terms.applications").toLowerCase(),
                                   }),
                                   onClick: () => {
-                                    if (migrationWave.applications.length > 0) {
+                                    {
                                       setWaveToManageModalState(migrationWave);
                                     }
                                   },
@@ -537,7 +509,6 @@ export const MigrationWaves: React.FC = () => {
                                   title: t("terms.exportToIssue"),
                                   onClick: () => {
                                     if (
-                                      migrationWave.applications?.length > 0 &&
                                       hasExportableApplications(
                                         tickets,
                                         migrationWave?.applications
@@ -561,44 +532,46 @@ export const MigrationWaves: React.FC = () => {
                                 },
                               ]}
                             />
-                          </Dropdown>
-                        </Td>
-                      </TableRowContentWithControls>
-                    </Tr>
-                    {isCellExpanded(migrationWave) ? (
-                      <Tr isExpanded>
-                        <Td
-                          {...getExpandedContentTdProps({
-                            item: migrationWave,
-                          })}
-                        >
-                          <ExpandableRowContent>
-                            {isCellExpanded(migrationWave, "applications") &&
-                            !!migrationWave.applications.length ? (
-                              <WaveApplicationsTable
-                                migrationWave={migrationWave}
-                                removeApplication={removeApplication}
-                              />
-                            ) : isCellExpanded(migrationWave, "stakeholders") &&
-                              !!migrationWave.allStakeholders.length ? (
-                              <WaveStakeholdersTable
-                                migrationWave={migrationWave}
-                              />
-                            ) : (
-                              isCellExpanded(migrationWave, "status") && (
-                                <WaveStatusTable
+                          </Td>
+                        </TableRowContentWithControls>
+                      </Tr>
+                      {isCellExpanded(migrationWave) ? (
+                        <Tr isExpanded>
+                          <Td
+                            {...getExpandedContentTdProps({
+                              item: migrationWave,
+                            })}
+                          >
+                            <ExpandableRowContent>
+                              {isCellExpanded(migrationWave, "applications") &&
+                              !!migrationWave.applications.length ? (
+                                <WaveApplicationsTable
                                   migrationWave={migrationWave}
                                   removeApplication={removeApplication}
-                                  setCellExpanded={setCellExpanded}
                                 />
-                              )
-                            )}
-                          </ExpandableRowContent>
-                        </Td>
-                      </Tr>
-                    ) : null}
-                  </Tbody>
-                ))}
+                              ) : isCellExpanded(
+                                  migrationWave,
+                                  "stakeholders"
+                                ) && !!migrationWave.allStakeholders.length ? (
+                                <WaveStakeholdersTable
+                                  migrationWave={migrationWave}
+                                />
+                              ) : (
+                                isCellExpanded(migrationWave, "status") && (
+                                  <WaveStatusTable
+                                    migrationWave={migrationWave}
+                                    removeApplication={removeApplication}
+                                    setCellExpanded={setCellExpanded}
+                                  />
+                                )
+                              )}
+                            </ExpandableRowContent>
+                          </Td>
+                        </Tr>
+                      ) : null}
+                    </Tbody>
+                  );
+                })}
               </ConditionalTableBody>
             </Table>
             <SimplePagination

From c57818672d223c18ba4f3bf11867ffc09cbe8d0c Mon Sep 17 00:00:00 2001
From: sarinailinger <sn0533129699@gmail.com>
Date: Wed, 6 Nov 2024 12:04:30 +0200
Subject: [PATCH 3/3] delete the return

Signed-off-by: sarinailinger <sn0533129699@gmail.com>
---
 .../pages/migration-waves/migration-waves.tsx | 334 +++++++++---------
 1 file changed, 165 insertions(+), 169 deletions(-)

diff --git a/client/src/app/pages/migration-waves/migration-waves.tsx b/client/src/app/pages/migration-waves/migration-waves.tsx
index f62b7bdc58..fb7a7c2fac 100644
--- a/client/src/app/pages/migration-waves/migration-waves.tsx
+++ b/client/src/app/pages/migration-waves/migration-waves.tsx
@@ -391,186 +391,182 @@ export const MigrationWaves: React.FC = () => {
                 numRenderedColumns={numRenderedColumns}
               >
                 {currentPageItems?.map((migrationWave, rowIndex) => {
-                  return (
-                    <Tbody
-                      key={migrationWave.id}
-                      isExpanded={isCellExpanded(migrationWave)}
-                    >
-                      <Tr {...getTrProps({ item: migrationWave })}>
-                        <TableRowContentWithControls
-                          {...tableControls}
-                          item={migrationWave}
-                          rowIndex={rowIndex}
+                  <Tbody
+                    key={migrationWave.id}
+                    isExpanded={isCellExpanded(migrationWave)}
+                  >
+                    <Tr {...getTrProps({ item: migrationWave })}>
+                      <TableRowContentWithControls
+                        {...tableControls}
+                        item={migrationWave}
+                        rowIndex={rowIndex}
+                      >
+                        <Td width={25} {...getTdProps({ columnKey: "name" })}>
+                          {migrationWave.name}
+                        </Td>
+                        <Td
+                          width={10}
+                          {...getTdProps({ columnKey: "startDate" })}
                         >
-                          <Td width={25} {...getTdProps({ columnKey: "name" })}>
-                            {migrationWave.name}
-                          </Td>
-                          <Td
-                            width={10}
-                            {...getTdProps({ columnKey: "startDate" })}
-                          >
-                            {dayjs(migrationWave.startDate)
-                              .tz(currentTimezone)
-                              .format("MM/DD/YYYY")}
-                          </Td>
-                          <Td
-                            width={10}
-                            {...getTdProps({ columnKey: "endDate" })}
-                          >
-                            {dayjs(migrationWave.endDate)
-                              .tz(currentTimezone)
-                              .format("MM/DD/YYYY")}
-                          </Td>
-                          <Td
-                            width={10}
-                            {...getTdProps({
-                              columnKey: "applications",
-                              isCompoundExpandToggle: true,
-                              item: migrationWave,
-                              rowIndex,
-                            })}
-                          >
-                            {migrationWave?.applications?.length.toString()}
-                          </Td>
-                          <Td
-                            width={10}
-                            {...getTdProps({
-                              columnKey: "stakeholders",
-                              isCompoundExpandToggle: true,
-                              item: migrationWave,
-                              rowIndex,
-                            })}
-                          >
-                            {migrationWave.allStakeholders.length}
-                          </Td>
-                          <Td
-                            width={20}
-                            {...getTdProps({
-                              columnKey: "status",
-                              isCompoundExpandToggle:
-                                !!migrationWave.applications.length ||
-                                migrationWave.status === "No Issues",
-                              item: migrationWave,
-                              rowIndex,
-                            })}
-                          >
-                            {migrationWave.applications.length
-                              ? migrationWave.status
-                              : "--"}
-                          </Td>
-                          <Td isActionCell id="pencil-action">
-                            <Tooltip content={t("actions.edit")}>
-                              <Button
-                                variant="plain"
-                                icon={<PencilAltIcon />}
-                                onClick={() => setWaveModalState(migrationWave)}
-                              />
-                            </Tooltip>
-                          </Td>
-                          <Td isActionCell id="row-actions">
-                            <ActionsColumn
-                              open={isRowDropdownOpen === migrationWave.id}
-                              items={[
-                                {
-                                  isAriaDisabled:
-                                    migrationWave.applications?.length < 1,
-                                  tooltipProps: {
-                                    content:
-                                      migrationWave.applications?.length < 1
-                                        ? "No applications are available for assignment."
-                                        : "",
-                                  },
-                                  title: t("composed.manage", {
-                                    what: t("terms.applications").toLowerCase(),
-                                  }),
-                                  onClick: () => {
-                                    {
-                                      setWaveToManageModalState(migrationWave);
-                                    }
-                                  },
+                          {dayjs(migrationWave.startDate)
+                            .tz(currentTimezone)
+                            .format("MM/DD/YYYY")}
+                        </Td>
+                        <Td
+                          width={10}
+                          {...getTdProps({ columnKey: "endDate" })}
+                        >
+                          {dayjs(migrationWave.endDate)
+                            .tz(currentTimezone)
+                            .format("MM/DD/YYYY")}
+                        </Td>
+                        <Td
+                          width={10}
+                          {...getTdProps({
+                            columnKey: "applications",
+                            isCompoundExpandToggle: true,
+                            item: migrationWave,
+                            rowIndex,
+                          })}
+                        >
+                          {migrationWave?.applications?.length.toString()}
+                        </Td>
+                        <Td
+                          width={10}
+                          {...getTdProps({
+                            columnKey: "stakeholders",
+                            isCompoundExpandToggle: true,
+                            item: migrationWave,
+                            rowIndex,
+                          })}
+                        >
+                          {migrationWave.allStakeholders.length}
+                        </Td>
+                        <Td
+                          width={20}
+                          {...getTdProps({
+                            columnKey: "status",
+                            isCompoundExpandToggle:
+                              !!migrationWave.applications.length ||
+                              migrationWave.status === "No Issues",
+                            item: migrationWave,
+                            rowIndex,
+                          })}
+                        >
+                          {migrationWave.applications.length
+                            ? migrationWave.status
+                            : "--"}
+                        </Td>
+                        <Td isActionCell id="pencil-action">
+                          <Tooltip content={t("actions.edit")}>
+                            <Button
+                              variant="plain"
+                              icon={<PencilAltIcon />}
+                              onClick={() => setWaveModalState(migrationWave)}
+                            />
+                          </Tooltip>
+                        </Td>
+                        <Td isActionCell id="row-actions">
+                          <ActionsColumn
+                            open={isRowDropdownOpen === migrationWave.id}
+                            items={[
+                              {
+                                isAriaDisabled:
+                                  migrationWave.applications?.length < 1,
+                                tooltipProps: {
+                                  content:
+                                    migrationWave.applications?.length < 1
+                                      ? "No applications are available for assignment."
+                                      : "",
+                                },
+                                title: t("composed.manage", {
+                                  what: t("terms.applications").toLowerCase(),
+                                }),
+                                onClick: () => {
+                                  {
+                                    setWaveToManageModalState(migrationWave);
+                                  }
                                 },
-                                {
-                                  isAriaDisabled:
+                              },
+                              {
+                                isAriaDisabled:
+                                  migrationWave.applications?.length < 1 ||
+                                  !hasExportableApplications(
+                                    tickets,
+                                    migrationWave?.applications
+                                  ),
+                                tooltipProps: {
+                                  content:
                                     migrationWave.applications?.length < 1 ||
                                     !hasExportableApplications(
                                       tickets,
                                       migrationWave?.applications
-                                    ),
-                                  tooltipProps: {
-                                    content:
-                                      migrationWave.applications?.length < 1 ||
-                                      !hasExportableApplications(
-                                        tickets,
-                                        migrationWave?.applications
-                                      )
-                                        ? "No applications are available for export."
-                                        : "",
-                                  },
-                                  title: t("terms.exportToIssue"),
-                                  onClick: () => {
-                                    if (
-                                      hasExportableApplications(
-                                        tickets,
-                                        migrationWave?.applications
-                                      )
-                                    ) {
-                                      setApplicationsToExport(
-                                        migrationWave.fullApplications
-                                      );
-                                    }
-                                  },
+                                    )
+                                      ? "No applications are available for export."
+                                      : "",
                                 },
-                                {
-                                  title: t("actions.delete"),
-                                  onClick: () => {
-                                    setMigrationWaveToDelete({
-                                      id: migrationWave.id,
-                                      name: migrationWave.name,
-                                    });
-                                  },
-                                  isDanger: true,
+                                title: t("terms.exportToIssue"),
+                                onClick: () => {
+                                  if (
+                                    hasExportableApplications(
+                                      tickets,
+                                      migrationWave?.applications
+                                    )
+                                  ) {
+                                    setApplicationsToExport(
+                                      migrationWave.fullApplications
+                                    );
+                                  }
                                 },
-                              ]}
-                            />
-                          </Td>
-                        </TableRowContentWithControls>
-                      </Tr>
-                      {isCellExpanded(migrationWave) ? (
-                        <Tr isExpanded>
-                          <Td
-                            {...getExpandedContentTdProps({
-                              item: migrationWave,
-                            })}
-                          >
-                            <ExpandableRowContent>
-                              {isCellExpanded(migrationWave, "applications") &&
-                              !!migrationWave.applications.length ? (
-                                <WaveApplicationsTable
+                              },
+                              {
+                                title: t("actions.delete"),
+                                onClick: () => {
+                                  setMigrationWaveToDelete({
+                                    id: migrationWave.id,
+                                    name: migrationWave.name,
+                                  });
+                                },
+                                isDanger: true,
+                              },
+                            ]}
+                          />
+                        </Td>
+                      </TableRowContentWithControls>
+                    </Tr>
+                    {isCellExpanded(migrationWave) ? (
+                      <Tr isExpanded>
+                        <Td
+                          {...getExpandedContentTdProps({
+                            item: migrationWave,
+                          })}
+                        >
+                          <ExpandableRowContent>
+                            {isCellExpanded(migrationWave, "applications") &&
+                            !!migrationWave.applications.length ? (
+                              <WaveApplicationsTable
+                                migrationWave={migrationWave}
+                                removeApplication={removeApplication}
+                              />
+                            ) : isCellExpanded(migrationWave, "stakeholders") &&
+                              !!migrationWave.allStakeholders.length ? (
+                              <WaveStakeholdersTable
+                                migrationWave={migrationWave}
+                              />
+                            ) : (
+                              isCellExpanded(migrationWave, "status") && (
+                                <WaveStatusTable
                                   migrationWave={migrationWave}
                                   removeApplication={removeApplication}
+                                  setCellExpanded={setCellExpanded}
                                 />
-                              ) : isCellExpanded(
-                                  migrationWave,
-                                  "stakeholders"
-                                ) && !!migrationWave.allStakeholders.length ? (
-                                <WaveStakeholdersTable
-                                  migrationWave={migrationWave}
-                                />
-                              ) : (
-                                isCellExpanded(migrationWave, "status") && (
-                                  <WaveStatusTable
-                                    migrationWave={migrationWave}
-                                    removeApplication={removeApplication}
-                                    setCellExpanded={setCellExpanded}
-                                  />
-                                )
-                              )}
-                            </ExpandableRowContent>
-                          </Td>
-                        </Tr>
-                      ) : null}
-                    </Tbody>
-                  );
+                              )
+                            )}
+                          </ExpandableRowContent>
+                        </Td>
+                      </Tr>
+                    ) : null}
+                  </Tbody>;
                 })}
               </ConditionalTableBody>
             </Table>