Reloading redesign

src/features/campaigns/CampaignOverviewPage.tsx

@@ -5,6 +5,7 @@ import Button from "../../components/Button";
 import Card from "../../components/Card";
 import MetricCard from "../../components/MetricCard";
 import PageTitle from "../../components/PageTitle";
+import LoadingFrame from "../../components/LoadingFrame";
 import { createNewCampaign, publishCampaignVersion, updateCampaignVersion } from "../../api/campaigns";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 import {
@@ -106,7 +107,8 @@ export default function CampaignOverviewPage({ settings, campaignId }: { setting
 
       {error && <div className="alert danger">{error}</div>}
       {message && <div className="alert success">{message}</div>}
-      
+
+      <LoadingFrame loading={loading} label="Loading campaign overview…">
 
       {locked && (
         <div className="alert info">
@@ -192,6 +194,7 @@ export default function CampaignOverviewPage({ settings, campaignId }: { setting
         </div>
         <p className="muted">Review and sending are displayed on their own data pages; use the guided buttons above to change state.</p>
       </Card>
+      </LoadingFrame>
     </div>
   );
 }