Adopt semantic campaign page actions

webui/src/features/campaigns/GlobalSettingsPage.tsx

@@ -10,7 +10,7 @@ import { FormGrid, ContentGrid, Button } from "@govoplan/core-webui";
 import { Card } from "@govoplan/core-webui";
 import { FormField } from "@govoplan/core-webui";
 import { DismissibleAlert } from "@govoplan/core-webui";
-import { PageLayout } from "@govoplan/core-webui";
+import { PageActionBar, PageLayout } from "@govoplan/core-webui";
 import { LoadingFrame } from "@govoplan/core-webui";
 import { PolicyRow } from "@govoplan/core-webui";
 import { PolicyTable } from "@govoplan/core-webui";
@@ -179,17 +179,19 @@ export default function GlobalSettingsPage({ settings, auth, campaignId, view =
 
   return (
     <PageLayout
+      archetype="editor"
       mode="workspace"
       title={pageTitle}
       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={() => saveDraft("manual")} disabled={!dirty || locked || !draft}>{dirty ? "i18n:govoplan-campaign.save_now.3989b7c0" : "i18n:govoplan-campaign.saved.c0ae8f6e"}</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: () => saveDraft("manual"), disabled: (locked || !draft) && dirty, disabledReason: locked && dirty ? "This campaign version is locked." : !draft && dirty ? "The campaign draft is not available." : 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" />}