Rework of campaign structure; locking

src/features/campaigns/GlobalSettingsPage.tsx

@@ -5,10 +5,12 @@ import Card from "../../components/Card";
 import FormField from "../../components/FormField";
 import PageTitle from "../../components/PageTitle";
 import LoadingFrame from "../../components/LoadingFrame";
+import LockedVersionNotice from "./components/LockedVersionNotice";
+import VersionLine from "./components/VersionLine";
 import ToggleSwitch from "../../components/ToggleSwitch";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 import { useCampaignDraftEditor } from "./hooks/useCampaignDraftEditor";
-import { asRecord, isAuditLockedVersion, versionLockReason } from "./utils/campaignView";
+import { asRecord, isAuditLockedVersion } from "./utils/campaignView";
 import { cloneJson, getBool, getNumber, getText, updateNested } from "./utils/draftEditor";
 
 const behaviorOptions = ["block", "ask", "drop", "continue", "warn"];
@@ -57,7 +59,7 @@ export default function GlobalSettingsPage({ settings, campaignId }: { settings:
       <div className="page-heading split workspace-heading">
         <div>
           <PageTitle loading={loading}>Global settings</PageTitle>
-          <p className="mono-small">Version {version ? `#${version.version_number}` : "—"} · {saveState}</p>
+          <VersionLine version={version} versions={data.versions} status={saveState} />
         </div>
         <div className="button-row compact-actions">
           <Button onClick={reload} disabled={loading}>Reload</Button>
@@ -67,7 +69,7 @@ export default function GlobalSettingsPage({ settings, campaignId }: { settings:
 
       {error && <div className="alert danger">{error}</div>}
       {localError && <div className="alert danger">{localError}</div>}
-      {locked && <div className="alert info">This version is read-only. {versionLockReason(version)} Copy the campaign before editing global settings.</div>}
+      {locked && <LockedVersionNotice settings={settings} campaignId={campaignId} version={version} reload={reload} message="Create an editable copy before changing global settings." />}
 
       <LoadingFrame loading={loading || !draft} label="Loading campaign draft…">
         <>
@@ -116,7 +118,7 @@ export default function GlobalSettingsPage({ settings, campaignId }: { settings:
           </div>
 
           <div className="button-row page-bottom-actions">
-            <Button variant="primary" onClick={() => saveDraft("manual")} disabled={!dirty || locked}>Save current draft</Button>
+            <Button variant="primary" onClick={() => saveDraft("manual")} disabled={!dirty || locked}>Save</Button>
           </div>
         </>
       </LoadingFrame>