Reloading redesign

src/features/campaigns/CampaignReportPage.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 { formatDateTime } from "./utils/campaignView";
 
@@ -22,6 +23,7 @@ export default function CampaignReportPage({ settings, campaignId }: { settings:
         </div>
       </div>
       {error && <div className="alert danger">{error}</div>}
+      <LoadingFrame loading={loading} label="Loading report data…">
       <div className="dashboard-grid">
         <Card title="Report summary">
           <dl className="detail-list">
@@ -35,6 +37,7 @@ export default function CampaignReportPage({ settings, campaignId }: { settings:
           <p className="muted">CSV export and report-emailing buttons will be added once the report section is reviewed.</p>
         </Card>
       </div>
+      </LoadingFrame>
     </div>
   );
 }