fix: sync popup is not showing

package.json

@@ -45,6 +45,7 @@
 		"babel-plugin-react-compiler": "0.0.0-experimental-696af53-20240625",
 		"clsx": "^2.1.1",
 		"postcss": "^8.4.40",
+		"tailwind-gradient-mask-image": "^1.2.0",
 		"tailwind-merge": "^2.4.0",
 		"tailwindcss": "^3.4.7",
 		"typescript": "^5.5.4",

pnpm-lock.yaml

@@ -108,6 +108,9 @@ importers:
       postcss:
         specifier: ^8.4.40
         version: 8.4.40
+      tailwind-gradient-mask-image:
+        specifier: ^1.2.0
+        version: 1.2.0
       tailwind-merge:
         specifier: ^2.4.0
         version: 2.4.0
@@ -1565,6 +1568,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  tailwind-gradient-mask-image@1.2.0:
+    resolution: {integrity: sha512-tUJaGhvqbJFiVKJu6EU5n//KvGdVvY3L3VOFNqjztk13+ifAk00pcSNHBTgHfUiBGOEzDn0gFRbSmsftUV1lXA==}
+
   tailwind-merge@2.4.0:
     resolution: {integrity: sha512-49AwoOQNKdqKPd9CViyH5wJoSKsCDjUlzL8DxuGp3P1FsGY36NJDAa18jLZcaHAUUuTj+JB8IAo8zWgBNvBF7A==}
 
@@ -3068,6 +3074,8 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  tailwind-gradient-mask-image@1.2.0: {}
+
   tailwind-merge@2.4.0: {}
 
   tailwindcss@3.4.7:

src/routes/$account.chats.lazy.tsx

@@ -215,7 +215,7 @@ function ChatList() {
 					))
 				)}
 			</ScrollArea.Viewport>
-			{!isSync && !data ? <SyncPopup progress={progress} /> : null}
+			{!isSync ? <SyncPopup progress={progress} /> : null}
 			<ScrollArea.Scrollbar
 				className="flex select-none touch-none p-0.5 duration-[160ms] ease-out data-[orientation=vertical]:w-2"
 				orientation="vertical"

tailwind.config.js

@@ -19,5 +19,5 @@ export default {
 			},
 		},
 	},
-	plugins: [],
+	plugins: [require("tailwind-gradient-mask-image")]
 };