From b86b500152324f4ebfc7b8f74aab0eb48fe2fe43 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Mon, 14 Sep 2026 21:28:53 +0800
Subject: [PATCH] style: format GenerateStepActions.tsx with prettier (#1899
 #1900)

---
 .../components/GenerateStepActions.tsx        | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/apps/web/src/pages/generate/components/GenerateStepActions.tsx b/apps/web/src/pages/generate/components/GenerateStepActions.tsx
index 68b256fe9..5ca05755a 100644
--- a/apps/web/src/pages/generate/components/GenerateStepActions.tsx
+++ b/apps/web/src/pages/generate/components/GenerateStepActions.tsx
@@ -6,19 +6,19 @@
  * 步骤 4（确认生成）：渲染进度页，全部完成后「下一步：选择封面」；仅上一步
  * 步骤 5（选择封面）：仅上一步
  */
-import React from "react"
+import React from "react";
 
 export interface GenerateStepActionsProps {
-  currentStep: number
-  onPrev: () => void
-  onNext: () => void
+  currentStep: number;
+  onPrev: () => void;
+  onNext: () => void;
   /** 步骤3：确认生成视频（校验 + 创建渲染任务） */
-  onConfirmGenerate: () => void | Promise<void>
-  generating: boolean
-  generated: boolean
-  generateError: string | null
+  onConfirmGenerate: () => void | Promise<void>;
+  generating: boolean;
+  generated: boolean;
+  generateError: string | null;
   /** 批量模式下勾选的视频数量（N=1 时为1） */
-  selectedCount?: number
+  selectedCount?: number;
 }
 
 const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
@@ -38,7 +38,7 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
         <button className="xx-btn xx-btn-primary" onClick={onNext}>
           下一步 →
         </button>
-      )
+      );
     }
 
     /* 步骤 3：选择标题 — 确认生成 */
@@ -48,20 +48,22 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
           <button className="xx-btn xx-btn-primary" disabled>
             ⏳ 正在提交生成任务…
           </button>
-        )
+        );
       }
       if (generateError) {
         return (
           <button className="xx-btn xx-btn-primary" onClick={onConfirmGenerate}>
             🔄 重新生成
           </button>
-        )
+        );
       }
       return (
         <button className="xx-btn xx-btn-primary" onClick={onConfirmGenerate}>
-          {selectedCount > 1 ? `✨ 确认生成 ${selectedCount} 个视频` : "✨ 确认生成视频"}
+          {selectedCount > 1
+            ? `✨ 确认生成 ${selectedCount} 个视频`
+            : "✨ 确认生成视频"}
         </button>
-      )
+      );
     }
 
     /* 步骤 4：确认生成进度页 — 全部完成后下一步进封面 */
@@ -71,27 +73,31 @@ const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
           <button className="xx-btn xx-btn-primary" onClick={onNext}>
             下一步：选择封面 →
           </button>
-        )
+        );
       }
       return (
         <button className="xx-btn xx-btn-primary" disabled>
           ⏳ 视频渲染中…
         </button>
-      )
+      );
     }
 
     /* 步骤 5（封面，最后一步）：无主按钮 */
-    return null
-  }
+    return null;
+  };
 
   return (
     <div className="xx-step-actions">
-      <button className="xx-btn xx-btn-ghost" onClick={onPrev} disabled={currentStep === 1}>
+      <button
+        className="xx-btn xx-btn-ghost"
+        onClick={onPrev}
+        disabled={currentStep === 1}
+      >
         ← 上一步
       </button>
       {renderPrimaryButton()}
     </div>
-  )
-}
+  );
+};
 
-export default GenerateStepActions
+export default GenerateStepActions;