From 76c60f2fa4169e05a261bbfe957234fed03b3af4 Mon Sep 17 00:00:00 2001
From: Maayan Hadasi <60384172+mguetta1@users.noreply.github.com>
Date: Tue, 10 Sep 2024 17:57:31 +0300
Subject: [PATCH] :sparkles: Update stakeholders table to use ActionsColumn
 (#1923)

Part of https://github.com/konveyor/tackle2-ui/issues/1318

![image](https://github.com/konveyor/tackle2-ui/assets/60384172/48c3ec10-2aee-4adc-9652-9e72a4474b8e)

UI Tests PR: 1201

Signed-off-by: Maayan Hadasi <mguetta@redhat.com>
---
 .../controls/stakeholders/stakeholders.tsx    | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/client/src/app/pages/controls/stakeholders/stakeholders.tsx b/client/src/app/pages/controls/stakeholders/stakeholders.tsx
index d5e52cfe08..7c3409f65b 100644
--- a/client/src/app/pages/controls/stakeholders/stakeholders.tsx
+++ b/client/src/app/pages/controls/stakeholders/stakeholders.tsx
@@ -32,7 +32,6 @@ import spacing from "@patternfly/react-styles/css/utilities/Spacing/spacing";
 import CubesIcon from "@patternfly/react-icons/dist/esm/icons/cubes-icon";
 
 import { AppPlaceholder } from "@app/components/AppPlaceholder";
-import { AppTableActionButtons } from "@app/components/AppTableActionButtons";
 import { ConditionalRender } from "@app/components/ConditionalRender";
 import { ConfirmDialog } from "@app/components/ConfirmDialog";
 import { getAxiosErrorMessage } from "@app/utils/utils";
@@ -51,6 +50,8 @@ import {
   TableRowContentWithControls,
 } from "@app/components/TableControls";
 import { StakeholderForm } from "./components/stakeholder-form";
+import { controlsWriteScopes, RBAC, RBAC_TYPE } from "@app/rbac";
+import { ControlTableActionButtons } from "../ControlTableActionButtons";
 
 export const Stakeholders: React.FC = () => {
   const { t } = useTranslation();
@@ -210,17 +211,22 @@ export const Stakeholders: React.FC = () => {
             <ToolbarContent>
               <FilterToolbar {...filterToolbarProps} />
               <ToolbarGroup variant="button-group">
-                <ToolbarItem>
-                  <Button
-                    type="button"
-                    id="create-stakeholder"
-                    aria-label="Create new stakeholder"
-                    variant={ButtonVariant.primary}
-                    onClick={() => setCreateUpdateModalState("create")}
-                  >
-                    {t("actions.createNew")}
-                  </Button>
-                </ToolbarItem>
+                <RBAC
+                  allowedPermissions={controlsWriteScopes}
+                  rbacType={RBAC_TYPE.Scope}
+                >
+                  <ToolbarItem>
+                    <Button
+                      type="button"
+                      id="create-stakeholder"
+                      aria-label="Create new stakeholder"
+                      variant={ButtonVariant.primary}
+                      onClick={() => setCreateUpdateModalState("create")}
+                    >
+                      {t("actions.createNew")}
+                    </Button>
+                  </ToolbarItem>
+                </RBAC>
               </ToolbarGroup>
               <ToolbarItem {...paginationToolbarItemProps}>
                 <SimplePagination
@@ -299,7 +305,7 @@ export const Stakeholders: React.FC = () => {
                           >
                             {stakeholder.stakeholderGroups?.length}
                           </Td>
-                          <AppTableActionButtons
+                          <ControlTableActionButtons
                             onEdit={() =>
                               setCreateUpdateModalState(stakeholder)
                             }