refactor(ui): [UI7-1] 为其余配置与边缘页面应用新版空壳布局

client/src/pages/FeatureFlagsPage.tsx

@@ -8,9 +8,11 @@ import {
   type FeatureFlagOverrideMode,
   type FeatureFlagRolloutType,
 } from "../api/featureFlags";
+import { toast } from "sonner";
 import { mapApiErrorMessage } from "../api/errorMessages";
 import { isApiError } from "../api/types";
 import { PageHeader } from "../components/common/PageHeader";
+import { TableSkeleton } from "../components/common/TableSkeleton";
 import { Button } from "../components/ui/button";
 import { Card } from "../components/ui/card";
 import { Label } from "../components/ui/label";
@@ -89,13 +91,12 @@ export function FeatureFlagsPage() {
     onSuccess: async () => {
       await queryClient.invalidateQueries({ queryKey: ["feature-flags"] });
       setError("");
+      toast.success("开关已更新");
     },
     onError: (err) => {
-      if (isApiError(err)) {
-        setError(`${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}`);
-        return;
-      }
-      setError(err instanceof Error ? err.message : "更新开关失败");
+      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "更新开关失败";
+      setError(msg);
+      toast.error(msg);
     },
   });
 
@@ -141,7 +142,7 @@ export function FeatureFlagsPage() {
       <Card className="space-y-4 p-6">
         <h3 className="text-base font-semibold text-slate-900">开关列表</h3>
 
-        {flagsQuery.isLoading ? <p className="text-sm text-slate-500">加载中...</p> : null}
+        {flagsQuery.isLoading ? <TableSkeleton columns={6} rows={2} /> : null}
 
         {flagsQuery.isError ? (
           <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">