Adopt semantic campaign page actions

webui/src/features/campaigns/AttachmentsDataPage.tsx

@@ -5,7 +5,7 @@ import { useGuardedNavigate, usePlatformModuleInstalled, usePlatformUiCapability
 import type { ApiSettings } from "../../types";
 import { Button } from "@govoplan/core-webui";
 import { Card } from "@govoplan/core-webui";
-import { PageLayout } from "@govoplan/core-webui";
+import { PageActionBar, PageLayout } from "@govoplan/core-webui";
 import { LoadingFrame } from "@govoplan/core-webui";
 import { MetricCard } from "@govoplan/core-webui";
 import { FormField } from "@govoplan/core-webui";
@@ -249,18 +249,20 @@ export default function AttachmentsDataPage({ settings, campaignId }: {settings:
 
   return (
     <PageLayout
+      archetype="editor"
       mode="workspace"
       title="i18n:govoplan-campaign.attachments.6771ade6"
       description={<VersionLine version={version} versions={data.versions} status={saveState} />}
       headerLoading={loading}
       error={error}
-      actions={
-        <>
-          {filesModuleInstalled && <Button onClick={() => navigate("/files")}>i18n:govoplan-campaign.manage_files.90a419f7</Button>}
-          <Button onClick={() => void discardDraft()} disabled={loading}>Discard</Button>
-          <Button variant="primary" onClick={() => saveDraft("manual")} disabled={!canSave}>i18n:govoplan-campaign.save.efc007a3</Button>
-        </>
-      }
+      actions={<PageActionBar
+        variant="editor"
+        dirty={dirty}
+        saving={loading}
+        contextActions={filesModuleInstalled ? <Button onClick={() => navigate("/files")}>i18n:govoplan-campaign.manage_files.90a419f7</Button> : undefined}
+        discardAction={{ label: "i18n:govoplan-campaign.discard.36fff63c", onClick: () => void discardDraft() }}
+        saveAction={{ label: "i18n:govoplan-campaign.save.efc007a3", onClick: () => saveDraft("manual"), disabled: !canSave && dirty, disabledReason: !canSave && dirty ? "Resolve the current editor blocker before saving." : undefined }}
+      />}
       notices={(localError || locked) ? <>
         {localError && <DismissibleAlert tone="danger" resetKey={localError} floating>{localError}</DismissibleAlert>}
         {locked && <LockedVersionNotice settings={settings} campaignId={campaignId} version={version} currentVersionId={data.campaign?.current_version_id} reload={reload} message="i18n:govoplan-campaign.this_page_is_read_only_for_the_selected_version.dacf5743" />}