Reloading redesign

src/features/campaigns/CampaignJsonView.tsx

@@ -2,6 +2,7 @@ import type { ApiSettings } from "../../types";
 import Card from "../../components/Card";
 import Button from "../../components/Button";
 import PageTitle from "../../components/PageTitle";
+import LoadingFrame from "../../components/LoadingFrame";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 import { asRecord, formatDateTime, getCampaignJson } from "./utils/campaignView";
 import { downloadJson, safeFileStem } from "./utils/draftEditor";
@@ -26,9 +27,11 @@ export default function CampaignJsonView({ settings, campaignId }: { settings: A
         </div>
       </div>
       {error && <div className="alert danger">{error}</div>}
+      <LoadingFrame loading={loading} label="Loading JSON…">
       <Card>
         {!loading || version ? <pre className="code-panel">{JSON.stringify(campaignJson, null, 2)}</pre> : <pre className="code-panel">{"{}"}</pre>}
       </Card>
+      </LoadingFrame>
     </div>
   );
 }