From 2fce051a54bfb2ecdf18f847335cb59705651999 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Fri, 4 Apr 2025 05:29:36 +0500
Subject: [PATCH] feat: add counts to activity

---
 app/components/Profile/Profile.Activity.tsx | 43 +++++----------------
 1 file changed, 9 insertions(+), 34 deletions(-)

diff --git a/app/components/Profile/Profile.Activity.tsx b/app/components/Profile/Profile.Activity.tsx
index 365a5f1..341a7c5 100644
--- a/app/components/Profile/Profile.Activity.tsx
+++ b/app/components/Profile/Profile.Activity.tsx
@@ -66,13 +66,19 @@ export function ProfileActivity(props: {
           color={tab == "comments" ? "blue" : "light"}
           onClick={() => setTab("comments")}
         >
-          Комментарии
+          Комментарии | {props.commentCount}
         </Button>
         <Button
           color={tab == "friends" ? "blue" : "light"}
           onClick={() => setTab("friends")}
         >
-          Друзья
+          Друзья | {props.friendsCount}
+        </Button>
+        <Button
+          color={tab == "videos" ? "blue" : "light"}
+          onClick={() => setTab("videos")}
+        >
+          Видео | {props.videoCount}
         </Button>
       </ButtonGroup>
 
@@ -84,38 +90,7 @@ export function ProfileActivity(props: {
       )}
       {tab == "comments" && <>comments</>}
       {tab == "friends" && <>friends</>}
-
-      {/* <div className="flex items-center gap-4 text-lg">
-        <div>
-          <p>
-            {props.commentCount}{" "}
-            {numberDeclension(
-              props.commentCount,
-              "комментарий",
-              "комментария",
-              "комментариев"
-            )}
-          </p>
-          <p className="mt-2">{props.videoCount} видео</p>
-        </div>
-        <div>
-          <Link href={`/profile/${props.profile_id}/collections`}>
-            <p className="border-b-2 border-gray-300 border-solid dark:border-gray-400 hover:border-gray-500 dark:hover:border-gray-200">
-              {props.collectionCount}{" "}
-              {numberDeclension(
-                props.commentCount,
-                "коллекция",
-                "коллекции",
-                "коллекций"
-              )}
-            </p>
-          </Link>
-          <p className="mt-2">
-            {props.friendsCount}{" "}
-            {numberDeclension(props.commentCount, "друзей", "друга", "друзей")}
-          </p>
-        </div>
-      </div> */}
+      {tab == "videos" && <>videos</>}
     </Card>
   );
 }