Adopt semantic campaign page actions

webui/src/features/campaigns/CampaignFieldsPage.tsx

@@ -1,7 +1,7 @@
 import { useMemo, useRef } from "react";
 import type { ApiSettings } from "../../types";
 import { Button } from "@govoplan/core-webui";
-import { PageLayout } from "@govoplan/core-webui";
+import { PageActionBar, PageLayout } from "@govoplan/core-webui";
 import { Card } from "@govoplan/core-webui";
 import { LoadingFrame } from "@govoplan/core-webui";
 import LockedVersionNotice from "./components/LockedVersionNotice";
@@ -151,17 +151,19 @@ export default function CampaignFieldsPage({ settings, campaignId }: {settings:
 
   return (
     <PageLayout
+      archetype="editor"
       mode="workspace"
       title="i18n:govoplan-campaign.fields.e8b68527"
       description={<VersionLine version={version} versions={data.versions} status={saveState} />}
       headerLoading={loading}
       error={error}
-      actions={
-        <>
-          <Button onClick={() => void discardDraft()} disabled={loading}>Discard</Button>
-          <Button variant="primary" onClick={saveFields} disabled={!canSave}>i18n:govoplan-campaign.save.efc007a3</Button>
-        </>
-      }
+      actions={<PageActionBar
+        variant="editor"
+        dirty={dirty}
+        saving={loading}
+        discardAction={{ label: "i18n:govoplan-campaign.discard.36fff63c", onClick: () => void discardDraft() }}
+        saveAction={{ label: "i18n:govoplan-campaign.save.efc007a3", onClick: saveFields, disabled: !canSave && dirty, disabledReason: !canSave && dirty ? "Resolve the current field-definition blocker before saving." : undefined }}
+      />}
       notices={(localError || fieldNameWarning || locked) ? <>
         {localError && <DismissibleAlert tone="danger" resetKey={localError} floating>{localError}</DismissibleAlert>}
         {fieldNameWarning && <DismissibleAlert tone="warning" resetKey={fieldNameWarning} floating>{fieldNameWarning}</DismissibleAlert>}