WIP modal

src/realm-roles/RealmRoleForm.tsx

@@ -87,4 +87,4 @@ export const RealmRoleForm = ({
       </ActionGroup>
     </FormAccess>
   );
-};
+};

src/realm-roles/RealmRolesSection.tsx

@@ -71,6 +71,26 @@ export const RealmRolesSection = () => {
     },
   });
 
+  // const [toggleAssociatedRoleDialog, associatedRolesList] = useConfirmDialog({
+  //   titleKey: "roles:associatedRolesModalTitle",
+  //   messageKey: t("roles:roleDeleteConfirmDialog", {
+  //     selectedRoleName: selectedRole ? selectedRole!.name : "",
+  //   }),
+  //   continueButtonLabel: t("Add"),
+  //   continueButtonVariant: ButtonVariant.danger,
+  //   onConfirm: async () => {
+  //     try {
+  //       await adminClient.roles.delById({
+  //         id: selectedRole!.id!,
+  //       });
+  //       setSelectedRole(undefined);
+  //       addAlert(t("roleDeletedSuccess"), AlertVariant.success);
+  //     } catch (error) {
+  //       addAlert(`${t("roleDeleteError")} ${error}`, AlertVariant.danger);
+  //     }
+  //   },
+  // });
+
   const goToCreate = () => history.push(`${url}/add-role`);
   return (
     <>
@@ -95,7 +115,7 @@ export const RealmRolesSection = () => {
                 setSelectedRole(role);
                 toggleDeleteDialog();
               },
-            },
+            }
           ]}
           columns={[
             {

src/realm-roles/messages.json

@@ -1,6 +1,7 @@
 {
   "roles": {
     "attributes": "Attributes",
+    "add": "Add",
     "addAttributeText": "Add an attribute",
     "deleteAttributeText": "Delete an attribute",
     "addAssociatedRolesText": "Add associated roles",