From 1526e4b2fe27bb27a6778d4d13b00b4f7ad18f66 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Wed, 6 Nov 2024 19:25:21 +0800
Subject: [PATCH] Profile: follower and following counts

---
 src/profiles/Profile.tsx | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/profiles/Profile.tsx b/src/profiles/Profile.tsx
index 20dc609..5c00c20 100644
--- a/src/profiles/Profile.tsx
+++ b/src/profiles/Profile.tsx
@@ -23,6 +23,7 @@ import {
   IconButton,
   ListItemAvatar,
   ListItemIcon,
+  ListItemSecondaryAction,
   ListItemText,
   MenuItem,
   Toolbar,
@@ -38,8 +39,8 @@ import {
   PlaylistAdd,
   Send,
   Share,
-  SmartToy,
   SmartToySharp,
+  Subject,
   Translate,
   Verified,
 } from "@suid/icons-material";
@@ -295,7 +296,23 @@ const Profile: Component = () => {
           <ListItemIcon>
             <Group />
           </ListItemIcon>
-          <ListItemText>Subscribers</ListItemText>
+          <ListItemText>Followers</ListItemText>
+          <ListItemSecondaryAction>
+            <span aria-label="The number of the account follower">
+              {profile()?.followersCount ?? ""}
+            </span>
+          </ListItemSecondaryAction>
+        </MenuItem>
+        <MenuItem disabled>
+          <ListItemIcon>
+            <Subject />
+          </ListItemIcon>
+          <ListItemText>Following</ListItemText>
+          <ListItemSecondaryAction>
+            <span aria-label="The number the account following">
+              {profile()?.followingCount ?? ""}
+            </span>
+          </ListItemSecondaryAction>
         </MenuItem>
         <MenuItem disabled>
           <ListItemIcon>
@@ -303,12 +320,6 @@ const Profile: Component = () => {
           </ListItemIcon>
           <ListItemText>Blocklist</ListItemText>
         </MenuItem>
-        <MenuItem disabled>
-          <ListItemIcon>
-            <Translate />
-          </ListItemIcon>
-          <ListItemText>Translate Name and Bio...</ListItemText>
-        </MenuItem>
         <MenuItem disabled>
           <ListItemIcon>
             <Send />