From 4c60e55d50b819b64136f7a886b85f7f09c49f7f Mon Sep 17 00:00:00 2001
From: reya <123083837+reyamir@users.noreply.github.com>
Date: Mon, 5 Aug 2024 09:48:49 +0700
Subject: [PATCH] fix: sync popup is not showing

---
 package.json                       | 1 +
 pnpm-lock.yaml                     | 8 ++++++++
 src/routes/$account.chats.lazy.tsx | 2 +-
 tailwind.config.js                 | 2 +-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index c35c173..e6fd0f8 100644
--- a/package.json
+++ b/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",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 742e6fd..39d021f 100644
--- a/pnpm-lock.yaml
+++ b/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:
diff --git a/src/routes/$account.chats.lazy.tsx b/src/routes/$account.chats.lazy.tsx
index fc192d0..daf51d4 100644
--- a/src/routes/$account.chats.lazy.tsx
+++ b/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"
diff --git a/tailwind.config.js b/tailwind.config.js
index 4501259..695d698 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -19,5 +19,5 @@ export default {
 			},
 		},
 	},
-	plugins: [],
+	plugins: [require("tailwind-gradient-mask-image")]
 };