💄 style: improve loading

lobehub · Jan 20, 2024 · 0bd5002 · 0bd5002
1 parent e8a4880
commit 0bd5002
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/features/Preview/index.tsx b/src/features/Preview/index.tsx
@@ -64,18 +64,17 @@ const Preview = memo(() => {
     <Center className={styles.container} flex={1} gap={8} justify={'center'} ref={ref}>
       {isAppInited ? (
         <>
-          {showProgress && (
-            <div className={styles.process}>
-              {progress === 0 ? (
-                <Center className={styles.waiting} gap={2} height={72} horizontal width={72}>
-                  <div>{t('task.starting')}</div>
-                  <ReactAnimatedEllipsis />
-                </Center>
-              ) : (
+          {showProgress &&
+            (progress === 0 ? (
+              <Center className={styles.waiting} gap={2} height={72} horizontal width={72}>
+                <div>{t('task.starting')}</div>
+                <ReactAnimatedEllipsis />
+              </Center>
+            ) : (
+              <div className={styles.process}>
                 <Progress percent={progress} size="small" type="circle" />
-              )}
-            </div>
-          )}
+              </div>
+            ))}
           {showImage ? (
             <ImagePreview />
           ) : inLobeChat ? null : (