diff --git a/client/src/app/components/AppTableActionButtons.tsx b/client/src/app/components/AppTableActionButtons.tsx index 9e01ceaf72..550f196568 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 51f2cefe11..0e2afe6cd0 100644 --- a/client/src/app/pages/applications/applications-table/applications-table.tsx +++ b/client/src/app/pages/applications/applications-table/applications-table.tsx @@ -824,7 +824,7 @@ export const ApplicationsTable: React.FC = () => { {getColumnVisibility("name") && ( - + )} {getColumnVisibility("businessService") && ( { )} {getColumnVisibility("review") && ( - + )} {getColumnVisibility("analysis") && ( - + )} {getColumnVisibility("tags") && ( @@ -847,7 +847,7 @@ export const ApplicationsTable: React.FC = () => { {getColumnVisibility("effort") && ( )} - + @@ -885,7 +885,7 @@ export const ApplicationsTable: React.FC = () => { > {getColumnVisibility("name") && ( @@ -936,7 +936,7 @@ export const ApplicationsTable: React.FC = () => { )} {getColumnVisibility("analysis") && ( 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 12173c3ec5..f63f19db56 100644 --- a/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx +++ b/client/src/app/pages/controls/stakeholder-groups/stakeholder-groups.tsx @@ -226,9 +226,13 @@ export const StakeholderGroups: React.FC = () => { - - - + + + + @@ -254,52 +258,49 @@ export const StakeholderGroups: React.FC = () => { } numRenderedColumns={numRenderedColumns} > - {currentPageItems?.map((stakeholderGroup, rowIndex) => { - const hasStakeholders = stakeholderGroup.stakeholders?.length; - 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) ? ( - - - - - {hasStakeholders ? ( + + + {isCellExpanded(stakeholderGroup) ? ( + + + + @@ -314,29 +315,14 @@ export const StakeholderGroups: React.FC = () => { )} - ) : ( - - - - {t("composed.noDataStateTitle", { - what: t("terms.stakeholder").toLowerCase(), - })} - - - {t("composed.noDataStateBody", { - how: t("terms.add"), - what: t("terms.stakeholder").toLowerCase(), - })} - - - )} - - - - ) : null} - - ); - })} + + + + ) : null} + + ); + })} + { - - - - + + + + + @@ -263,56 +267,55 @@ export const Stakeholders: React.FC = () => { } numRenderedColumns={numRenderedColumns} > - {currentPageItems?.map((stakeholder, rowIndex) => { - const hasGroups = stakeholder.stakeholderGroups?.length; - 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) ? ( - - - - - {hasGroups ? ( + + + {isCellExpanded(stakeholder) ? ( + + + + @@ -327,33 +330,14 @@ export const Stakeholders: React.FC = () => { )} - ) : ( - - - - {t("composed.noDataStateTitle", { - what: t( - "terms.stakeholderGroups" - ).toLowerCase(), - })} - - - {t("composed.noDataStateBody", { - how: t("terms.add"), - what: t( - "terms.stakeholderGroup" - ).toLowerCase(), - })} - - - )} - - - - ) : null} - - ); - })} + + + + ) : null} + + ); + })} + { - - - - + + + + + @@ -380,20 +381,18 @@ export const Tags: React.FC = () => { > {tagCategory.tags?.length || 0} - - setTagCategoryModalState(tagCategory)} - onDelete={() => setTagCategoryToDelete(tagCategory)} - /> - + setTagCategoryModalState(tagCategory)} + onDelete={() => setTagCategoryToDelete(tagCategory)} + /> {isCellExpanded(tagCategory) && ( - + {hasTags ? (