From 0730b7c7d453ad86743cc76e3ec1b09c32081d39 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Fri, 4 Apr 2025 06:04:23 +0500
Subject: [PATCH] add empty states

---
 .../Profile/Profile.ActivityCollections.tsx   | 19 +++++++++++--------
 .../Profile/Profile.ActivityFriends.tsx       | 14 ++++++++------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/app/components/Profile/Profile.ActivityCollections.tsx b/app/components/Profile/Profile.ActivityCollections.tsx
index 882965b..42e0fe7 100644
--- a/app/components/Profile/Profile.ActivityCollections.tsx
+++ b/app/components/Profile/Profile.ActivityCollections.tsx
@@ -49,14 +49,17 @@ export const ProfileActivityCollections = (props: {
               </SwiperSlide>
             );
           })}
-        <SwiperSlide style={{ width: "fit-content" }}>
-          <Link href={`/profile/${props.profile_id}/collections`}>
-            <div className="w-[400px] xl:w-[500px] aspect-video flex flex-col items-center justify-center w-full gap-2 text-black transition-colors bg-gray-100 border hover:bg-gray-200 border-gray-50 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-500 aspect-video group dark:bg-gray-600 dark:text-white">
-              <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
-              <p>Все коллекции</p>
-            </div>
-          </Link>
-        </SwiperSlide>
+
+        {props.content && props.content.length > 0 ?
+          <SwiperSlide style={{ width: "fit-content" }}>
+            <Link href={`/profile/${props.profile_id}/collections`}>
+              <div className="w-[400px] xl:w-[500px] aspect-video flex flex-col items-center justify-center w-full gap-2 text-black transition-colors bg-gray-100 border hover:bg-gray-200 border-gray-50 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-500 aspect-video group dark:bg-gray-600 dark:text-white">
+                <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
+                <p>Все коллекции</p>
+              </div>
+            </Link>
+          </SwiperSlide>
+        : <p className="text-lg">У пользователя нет коллекций</p>}
       </Swiper>
     </div>
   );
diff --git a/app/components/Profile/Profile.ActivityFriends.tsx b/app/components/Profile/Profile.ActivityFriends.tsx
index 50aa264..78e2ac2 100644
--- a/app/components/Profile/Profile.ActivityFriends.tsx
+++ b/app/components/Profile/Profile.ActivityFriends.tsx
@@ -56,12 +56,14 @@ export const ProfileActivityFriends = (props: { content: any }) => {
               </SwiperSlide>
             );
           })}
-        <SwiperSlide style={{ width: "fit-content" }} className="px-2 py-4">
-          <Button>
-            <p className="text-lg">Все друзья</p>
-            <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
-          </Button>
-        </SwiperSlide>
+        {props.content && props.content.length > 0 ?
+          <SwiperSlide style={{ width: "fit-content" }} className="px-2 py-4">
+            <Button>
+              <p className="text-lg">Все друзья</p>
+              <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
+            </Button>
+          </SwiperSlide>
+        : <p className="text-lg">У пользователя нет друзей</p>}
       </Swiper>
     </div>
   );