From fa50bf9880900fbd4f32851cb01fbb07e3089f5a Mon Sep 17 00:00:00 2001
From: chimpdev <skyhancloud@gmail.com>
Date: Sat, 26 Oct 2024 00:01:09 +0300
Subject: [PATCH] fix(ThemeCard): update class names to fix pointer events
 handling

---
 client/app/(themes)/themes/components/ThemeCard/index.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/app/(themes)/themes/components/ThemeCard/index.jsx b/client/app/(themes)/themes/components/ThemeCard/index.jsx
index 547754da..a8c7879b 100644
--- a/client/app/(themes)/themes/components/ThemeCard/index.jsx
+++ b/client/app/(themes)/themes/components/ThemeCard/index.jsx
@@ -11,8 +11,8 @@ export default function ThemeCard({ id, primaryColor, secondaryColor }) {
   return (
     <Container
       className={cn(
-        'relative pointer-events-none select-none h-[255px] w-[220px] overflow-y-hidden rounded-xl transition-all',
-        id && 'hover:border-purple-500 hover:opacity-80 border-2 border-primary'
+        'relative h-[255px] w-[220px] overflow-y-hidden rounded-xl transition-all',
+        id ? 'hover:border-purple-500 hover:opacity-80 border-2 border-primary' : 'pointer-events-none select-none'
       )}
       href={`/themes/${id}`}
     >