From 637900c5fd7963d63df21f311648195d8254ebdb Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Mon, 28 Sep 2026 07:30:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E8=B4=A6=E5=8F=B7=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=20pending=20=E6=80=81=E9=A1=B5=E5=A4=B4=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99=E8=BF=94=E5=9B=9E=E5=85=A5=E5=8F=A3=EF=BC=9B=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5/=E7=BC=96=E8=BE=91=E5=8A=A0=E7=A9=BA=E6=80=81?=
 =?UTF-8?q?=E9=98=B2=E6=8A=A4=EF=BC=88=E8=B5=B0=E6=9F=A5=20P2-#9=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/accounts/$id/index.tsx          | 48 +++++------
 .../pages/accounts/monitoring/$id/index.tsx   | 86 +++++++++----------
 2 files changed, 67 insertions(+), 67 deletions(-)

diff --git a/web/src/pages/accounts/$id/index.tsx b/web/src/pages/accounts/$id/index.tsx
index 977621f..afd01a9 100644
--- a/web/src/pages/accounts/$id/index.tsx
+++ b/web/src/pages/accounts/$id/index.tsx
@@ -152,30 +152,30 @@ export default function Page() {
 
   // 页头 content 行右侧：返回/强制同步/编辑注册到 Layout 页头槽，不在卡片内重复渲染。
   usePageActions(
-    account ? (
-      <Space>
-        <Button onClick={() => history.push('/accounts')}>返回社媒账号</Button>
-        <Button
-          disabled={actionBusy}
-          onClick={async () => {
-            // 强制同步：后端复用账号自身运行环境采集，需已登录+环境就绪（否则 409/503 提示原因）。
-            setActionBusy(true);
-            try {
-              await creatorAction(`/creator/accounts/${encodeURIComponent(account.id)}/sync`);
-              messageApi.success('强制同步已执行。');
-              await loadAll();
-            } catch (actionError) {
-              messageApi.error(conflictMessage(actionError, '强制同步失败；账号需已登录且运行环境就绪。'));
-            } finally {
-              setActionBusy(false);
-            }
-          }}
-        >
-          强制同步
-        </Button>
-        <Button type="primary" onClick={() => history.push(`/accounts/${account.id}/edit`)}>编辑账号</Button>
-      </Space>
-    ) : null,
+    <Space>
+      <Button onClick={() => history.push('/accounts')}>返回社媒账号</Button>
+      <Button
+        disabled={actionBusy || !account}
+        onClick={async () => {
+          // 强制同步：后端复用账号自身运行环境采集，需已登录+环境就绪（否则 409/503 提示原因）。
+          setActionBusy(true);
+          try {
+            await creatorAction(`/creator/accounts/${encodeURIComponent(account.id)}/sync`);
+            messageApi.success('强制同步已执行。');
+            await loadAll();
+          } catch (actionError) {
+            messageApi.error(conflictMessage(actionError, '强制同步失败；账号需已登录且运行环境就绪。'));
+          } finally {
+            setActionBusy(false);
+          }
+        }}
+      >
+        强制同步
+      </Button>
+      <Button type="primary" disabled={!account} onClick={() => account && history.push(`/accounts/${account.id}/edit`)}>
+        编辑账号
+      </Button>
+    </Space>,
     [account?.id],
   );
 
diff --git a/web/src/pages/accounts/monitoring/$id/index.tsx b/web/src/pages/accounts/monitoring/$id/index.tsx
index cdc9b24..527dc70 100644
--- a/web/src/pages/accounts/monitoring/$id/index.tsx
+++ b/web/src/pages/accounts/monitoring/$id/index.tsx
@@ -87,49 +87,49 @@ export default function Page() {
   );
 
   usePageActions(
-    competitor ? (
-      <Space>
-        <Button onClick={() => history.push('/accounts/monitoring')}>返回监控账号</Button>
-        <Button
-          disabled={actionBusy || !competitor.enabled}
-          onClick={async () => {
-            // 强制同步：后端用临时匿名浏览器采集公开作品，无需自有账号身份。
-            setActionBusy(true);
-            try {
-              await creatorAction(`/creator/competitors/${encodeURIComponent(competitor.id)}/sync`);
-              messageApi.success('强制同步已执行。');
-              await loadCompetitor();
-            } catch (actionError) {
-              messageApi.error(conflictMessage(actionError, '强制同步失败'));
-            } finally {
-              setActionBusy(false);
-            }
-          }}
-        >
-          强制同步
-        </Button>
-        <Button
-          type="primary"
-          disabled={actionBusy}
-          onClick={async () => {
-            setActionBusy(true);
-            try {
-              await creatorAction(
-                `/creator/competitors/${encodeURIComponent(competitor.id)}/${competitor.enabled ? 'pause' : 'resume'}`,
-              );
-              messageApi.success(competitor.enabled ? '监测账号已暂停。' : '监测账号已恢复。');
-              await loadCompetitor();
-            } catch (actionError) {
-              messageApi.error(conflictMessage(actionError, '监测账号状态更新失败'));
-            } finally {
-              setActionBusy(false);
-            }
-          }}
-        >
-          {competitor.enabled ? '暂停监控' : '恢复监控'}
-        </Button>
-      </Space>
-    ) : null,
+    <Space>
+      <Button onClick={() => history.push('/accounts/monitoring')}>返回监控账号</Button>
+      <Button
+        disabled={actionBusy || !competitor}
+        onClick={async () => {
+          // 强制同步：后端用临时匿名浏览器采集公开作品，无需自有账号身份。
+          if (!competitor) return;
+          setActionBusy(true);
+          try {
+            await creatorAction(`/creator/competitors/${encodeURIComponent(competitor.id)}/sync`);
+            messageApi.success('强制同步已执行。');
+            await loadCompetitor();
+          } catch (actionError) {
+            messageApi.error(conflictMessage(actionError, '强制同步失败'));
+          } finally {
+            setActionBusy(false);
+          }
+        }}
+      >
+        强制同步
+      </Button>
+      <Button
+        type="primary"
+        disabled={actionBusy || !competitor}
+        onClick={async () => {
+          if (!competitor) return;
+          setActionBusy(true);
+          try {
+            await creatorAction(
+              `/creator/competitors/${encodeURIComponent(competitor.id)}/${competitor.enabled ? 'pause' : 'resume'}`,
+            );
+            messageApi.success(competitor.enabled ? '监测账号已暂停。' : '监测账号已恢复。');
+            await loadCompetitor();
+          } catch (actionError) {
+            messageApi.error(conflictMessage(actionError, '监测账号状态更新失败'));
+          } finally {
+            setActionBusy(false);
+          }
+        }}
+      >
+        {competitor ? (competitor.enabled ? '暂停监控' : '恢复监控') : '暂停监控'}
+      </Button>
+    </Space>,
     [competitor?.id, competitor?.enabled],
   );