Reloading redesign

src/features/campaigns/SendDataPage.tsx

@@ -2,6 +2,7 @@ import { Link } from "react-router-dom";
 import type { ApiSettings } from "../../types";
 import Button from "../../components/Button";
 import PageTitle from "../../components/PageTitle";
+import LoadingFrame from "../../components/LoadingFrame";
 import Card from "../../components/Card";
 import MetricCard from "../../components/MetricCard";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
@@ -31,6 +32,7 @@ export default function SendDataPage({ settings, campaignId }: { settings: ApiSe
 
       {error && <div className="alert danger">{error}</div>}
 
+      <LoadingFrame loading={loading} label="Loading send data…">
       <div className="metric-grid">
         <MetricCard label="Queueable" value={cards?.queueable ?? "—"} tone="good" detail="Ready or warning" />
         <MetricCard label="Needs attention" value={cards?.needs_attention ?? "—"} tone="warning" detail="Review first" />
@@ -63,6 +65,7 @@ export default function SendDataPage({ settings, campaignId }: { settings: ApiSe
           SMTP sending and IMAP append-to-Sent remain separate states. A successful SMTP send is still successful even if appending to Sent fails.
         </p>
       </Card>
+      </LoadingFrame>
     </div>
   );
 }