diff --git a/client/src/app/components/AppTableActionButtons.tsx b/client/src/app/components/AppTableActionButtons.tsx index 9e01ceaf7..550f19656 100644 --- a/client/src/app/components/AppTableActionButtons.tsx +++ b/client/src/app/components/AppTableActionButtons.tsx @@ -1,8 +1,9 @@ import React from "react"; import { useTranslation } from "react-i18next"; -import { Button, Flex, FlexItem } from "@patternfly/react-core"; +import { Button } from "@patternfly/react-core"; import { applicationsWriteScopes, RBAC, RBAC_TYPE } from "@app/rbac"; import { ConditionalTooltip } from "./ConditionalTooltip"; +import { Td } from "@patternfly/react-table"; export interface AppTableActionButtonsProps { isDeleteEnabled?: boolean; @@ -24,34 +25,32 @@ export const AppTableActionButtons: React.FC = ({ allowedPermissions={applicationsWriteScopes} rbacType={RBAC_TYPE.Scope} > - - + + + + + - - - - - - - + + ); }; diff --git a/client/src/app/pages/applications/applications-table/applications-table.tsx b/client/src/app/pages/applications/applications-table/applications-table.tsx index 0193627b8..78e71d5d9 100644 --- a/client/src/app/pages/applications/applications-table/applications-table.tsx +++ b/client/src/app/pages/applications/applications-table/applications-table.tsx @@ -844,17 +844,17 @@ export const ApplicationsTable: React.FC = () => { - + - - - + + + - + @@ -890,7 +890,7 @@ export const ApplicationsTable: React.FC = () => { rowIndex={rowIndex} > @@ -933,7 +933,7 @@ export const ApplicationsTable: React.FC = () => { /> diff --git a/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx b/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx index ae388d4b7..2d9bf3f1f 100644 --- a/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx +++ b/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx @@ -225,9 +225,13 @@ export const StakeholderGroups: React.FC = () => { - - - + + + + @@ -252,71 +256,71 @@ export const StakeholderGroups: React.FC = () => { } numRenderedColumns={numRenderedColumns} > - {currentPageItems?.map((stakeholderGroup, rowIndex) => { - return ( - - - - - {stakeholderGroup.name} - - + {currentPageItems?.map((stakeholderGroup, rowIndex) => { + return ( + <> + + - {stakeholderGroup.description} - - - {stakeholderGroup.stakeholders?.length} - - + + {stakeholderGroup.name} + + + {stakeholderGroup.description} + + + {stakeholderGroup.stakeholders?.length} + setCreateUpdateModalState(stakeholderGroup) } onDelete={() => deleteRow(stakeholderGroup)} /> - - - - {isCellExpanded(stakeholderGroup) ? ( - - - - - - - - {t("terms.member(s)")} - - {!!stakeholderGroup.stakeholders?.length && ( - - {stakeholderGroup.stakeholders - ?.map((f) => f.name) - .join(", ")} - - )} - - - - + - ) : null} - - ); - })} + {isCellExpanded(stakeholderGroup) ? ( + + + + + + + + {t("terms.member(s)")} + + {!!stakeholderGroup.stakeholders?.length && ( + + {stakeholderGroup.stakeholders + ?.map((f) => f.name) + .join(", ")} + + )} + + + + + + ) : null} + + ); + })} + { - - - - + + + + + @@ -261,75 +265,77 @@ export const Stakeholders: React.FC = () => { } numRenderedColumns={numRenderedColumns} > - {currentPageItems?.map((stakeholder, rowIndex) => { - return ( - - - - - {stakeholder.email} - - - {stakeholder.name} - - - {stakeholder.jobFunction?.name} - - + {currentPageItems?.map((stakeholder, rowIndex) => { + return ( + <> + + - {stakeholder.stakeholderGroups?.length} - - + + {stakeholder.email} + + + {stakeholder.name} + + + {stakeholder.jobFunction?.name} + + + {stakeholder.stakeholderGroups?.length} + setCreateUpdateModalState(stakeholder) } onDelete={() => deleteRow(stakeholder)} /> - - - - {isCellExpanded(stakeholder) ? ( - - - - - - - - {t("terms.group(s)")} - - {!!stakeholder.stakeholderGroups?.length && ( - - {stakeholder.stakeholderGroups - ?.map((f) => f.name) - .join(", ")} - - )} - - - - + - ) : null} - - ); - })} + {isCellExpanded(stakeholder) ? ( + + + + + + + + {t("terms.group(s)")} + + {!!stakeholder.stakeholderGroups?.length && ( + + {stakeholder.stakeholderGroups + ?.map((f) => f.name) + .join(", ")} + + )} + + + + + + ) : null} + + ); + })} + { - - - - + + + + + @@ -379,20 +380,18 @@ export const Tags: React.FC = () => { > {tagCategory.tags?.length || 0} - - setTagCategoryModalState(tagCategory)} - onDelete={() => setTagCategoryToDelete(tagCategory)} - /> - + setTagCategoryModalState(tagCategory)} + onDelete={() => setTagCategoryToDelete(tagCategory)} + /> {isCellExpanded(tagCategory) && ( - + {hasTags ? (