From b6e230b937daecb2cc53db1502a94888e234f449 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Tue, 19 Aug 2025 04:22:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E9=87=8D=E7=94=9F?=
 =?UTF-8?q?=E5=88=86=E9=95=9C=20=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ui/shot-tab-content.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/components/ui/shot-tab-content.tsx b/components/ui/shot-tab-content.tsx
index 27b6705..cac8c76 100644
--- a/components/ui/shot-tab-content.tsx
+++ b/components/ui/shot-tab-content.tsx
@@ -57,9 +57,10 @@ export const ShotTabContent = (props: ShotTabContentProps) => {
   useEffect(() => {
     if (pendingRegeneration) {
       console.log('pendingRegeneration', pendingRegeneration, shotData[selectedIndex]?.lens);
-      regenerateVideoSegment();
-      setPendingRegeneration(false);
-      setIsRegenerate(false);
+      regenerateVideoSegment().then(() => {
+        setPendingRegeneration(false);
+        setIsRegenerate(false);
+      });
     }
   }, [pendingRegeneration]);
 
@@ -243,12 +244,12 @@ export const ShotTabContent = (props: ShotTabContentProps) => {
                 whileHover={{ scale: 1.02 }}
                 whileTap={{ scale: 0.98 }}
               >
-                {shot.status === 0 && (
+                {(shot.status === 0 || shot.videoUrl.length === 0) && (
                   <div className="w-full h-full flex items-center justify-center">
                     <Loader2 className="w-4 h-4 animate-spin text-blue-500" />
                   </div>
                 )}
-                {shot.status === 1 && shot.videoUrl[0] ? (
+                {shot.status === 1 && shot.videoUrl[0] && (
                   <video
                     src={shot.videoUrl[0].video_url}
                     key={shot.videoUrl[0].video_url}
@@ -259,10 +260,6 @@ export const ShotTabContent = (props: ShotTabContentProps) => {
                     onMouseEnter={(e) => e.currentTarget.play()}
                     onMouseLeave={(e) => e.currentTarget.pause()}
                   />
-                ) : (
-                  <div className="w-full h-full flex items-center justify-center bg-red-500/10">
-                    <CircleX className="w-4 h-4 text-red-500" />
-                  </div>
                 )}
                 {/* 任务失败 */}
                 {shot.status === 2 && (
@@ -397,7 +394,7 @@ export const ShotTabContent = (props: ShotTabContentProps) => {
                   </motion.div>
                 )}
               </AnimatePresence>
-              {(shotData[selectedIndex]?.status === 2 || !shotData[selectedIndex]?.videoUrl.length) && (
+              {(shotData[selectedIndex]?.status === 2) && (
                 <div className="w-full h-full flex gap-1 items-center justify-center rounded-lg bg-red-500/10">
                   <CircleX className="w-4 h-4 text-red-500" />
                   <span className="text-white/50">Failed, click to regenerate</span>