From b93ec54879a5fc007b171a798ac16130c8ed424d Mon Sep 17 00:00:00 2001
From: ~rosset-nocpes | Andrii <coderpy4@proton.me>
Date: Mon, 13 May 2024 07:02:58 +0300
Subject: [PATCH] fix(collection-modal): add blur transition to poster of
 collection

---
 .../components/collections/components/ui/collection-item.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx b/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx
index bdc0edbc..3eeb0a78 100644
--- a/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx
+++ b/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx
@@ -53,7 +53,7 @@ const CollectionItem: FC<Props> = ({ data, className }) => {
                 data.spoiler && 'blur-sm duration-500 hover:blur-none',
             )}
             image={poster(data.collection[0].content)}
-            imageClassName={cn(data.nsfw && 'blur-sm hover:blur-none')}
+            imageClassName={cn(data.nsfw && 'blur-sm duration-500 hover:blur-none')}
             description={description}
             descriptionClassName={cn(
                 data.spoiler && 'blur-sm duration-500 hover:blur-none',