diff --git a/webui/src/features/organizations/OrganizationsPage.tsx b/webui/src/features/organizations/OrganizationsPage.tsx
index 9639706..c7923cc 100644
--- a/webui/src/features/organizations/OrganizationsPage.tsx
+++ b/webui/src/features/organizations/OrganizationsPage.tsx
@@ -22,7 +22,6 @@ import {
type AuthInfo,
type DataGridColumn,
type ModuleSubnavGroup,
- type OrganizationFunctionActionContribution,
type OrganizationFunctionActionsUiCapability
} from "@govoplan/core-webui";
import {
@@ -919,20 +918,25 @@ export default function OrganizationsPage({
{
id: "actions",
header: "i18n:govoplan-organizations.actions.c3cd636a",
- width: functionActionContributions.length ? 220 : 88,
+ width: 88 + (functionActionContributions.length * 40),
sticky: "end",
resizable: false,
align: "right",
- render: (row) => (
-
-
, disabled: !canWriteFunctions || busy, onClick: () => editFunction(row) }]} />
- {functionActionContributions.map((contribution) => (
-
- {contribution.render({ settings, auth, function: row })}
-
- ))}
-
- )
+ render: (row) => ,
+ disabled: !canWriteFunctions || busy,
+ onClick: () => editFunction(row)
+ },
+ ...functionActionContributions.map((contribution) => ({
+ id: contribution.id,
+ label: contribution.label,
+ icon: contribution.icon,
+ onClick: () => contribution.onClick({ settings, auth, function: row })
+ }))
+ ]} />
}
];
diff --git a/webui/src/styles/organizations.css b/webui/src/styles/organizations.css
index bdb3911..f940ead 100644
--- a/webui/src/styles/organizations.css
+++ b/webui/src/styles/organizations.css
@@ -30,21 +30,6 @@
flex-wrap: wrap;
}
-.organizations-row-actions {
- display: flex;
- align-items: center;
- gap: 6px;
- flex-wrap: nowrap;
-}
-
-.organizations-row-actions {
- justify-content: flex-end;
-}
-
-.organizations-contributed-action {
- display: inline-flex;
-}
-
.organizations-check-list {
display: grid;
gap: 10px;