From e2a1f38958bec90770fe325cae0a0372ce31c407 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Wed, 6 Nov 2024 18:11:13 +0800
Subject: [PATCH 1/3] README: correct the next branch url

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 036c2e8..0bb7288 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Tutu trys to push the Web technology to its limit. Some features might not be av
 
 The "next" branch of the app is built on every commit pushed into "master". You can tatse latest change but risks your data.
 
-[Launch Tutu (Next)](https://next.tututheapp.pages.dev)
+[Launch Tutu (Next)](https://master.tututheapp.pages.dev)
 
 ## Build & Depoly
 

From 4aac0381aea9c7b5b2099e252e6e26cc1aadaff8 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Wed, 6 Nov 2024 18:39:38 +0800
Subject: [PATCH 2/3] Profile: hide alt text if the image is not loaded

---
 src/profiles/Profile.css | 25 ++++++++++++++++++++-----
 src/profiles/Profile.tsx |  9 +--------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css
index caced73..8e24a3c 100644
--- a/src/profiles/Profile.css
+++ b/src/profiles/Profile.css
@@ -8,6 +8,21 @@
     gap: 16px;
   }
 
+  .banner {
+    width: 100%;
+    margin-top: calc(-1 * (var(--scaffold-topbar-height) + var(--safe-area-inset-top)));
+
+    >img {
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+
+      &::before {
+        visibility: hidden;
+      }
+    }
+  }
+
   .description {
     & a {
       color: inherit;
@@ -23,11 +38,11 @@
     gap: 16px;
     align-items: center;
 
-    & > :nth-child(2) {
+    &> :nth-child(2) {
       flex-grow: 1;
     }
 
-    & > :last-child {
+    &> :last-child {
       flex-grow: 1;
       text-align: right;
     }
@@ -51,14 +66,14 @@
   table.acct-fields {
     word-break: break-all;
 
-    & td > a {
+    & td>a {
       display: inline-flex;
       align-items: center;
       color: inherit;
       min-height: 44px;
     }
 
-    & a > .invisible {
+    & a>.invisible {
       display: none;
     }
 
@@ -89,4 +104,4 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
+}
\ No newline at end of file
diff --git a/src/profiles/Profile.tsx b/src/profiles/Profile.tsx
index 3d1d734..20dc609 100644
--- a/src/profiles/Profile.tsx
+++ b/src/profiles/Profile.tsx
@@ -336,21 +336,14 @@ const Profile: Component = () => {
       </Menu>
       <div
         style={{
-          width: "100%",
           height: `${268 * (Math.min(560, windowSize.width) / 560)}px`,
-          "margin-top":
-            "calc(-1 * (var(--scaffold-topbar-height) + var(--safe-area-inset-top)))",
         }}
+        class="banner"
         role="presentation"
       >
         <img
           ref={(e) => obx.observe(e)}
           src={bannerImg()}
-          style={{
-            "object-fit": "cover",
-            width: "100%",
-            height: "100%",
-          }}
           crossOrigin="anonymous"
           alt={`Banner image for ${profile()?.displayName || "the user"}`}
           onLoad={(event) => {

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 3/3] 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 />