From 245f10ba5b4e56cab4dafccae3c9fc67ae72e727 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Wed, 6 Nov 2024 19:56:17 +0800
Subject: [PATCH] Profile: support locked acct

---
 src/profiles/Profile.css |  2 +-
 src/profiles/Profile.tsx | 17 +++++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css
index 8e24a3c..48f31ae 100644
--- a/src/profiles/Profile.css
+++ b/src/profiles/Profile.css
@@ -53,7 +53,7 @@
     flex-flow: column nowrap;
   }
 
-  .bot-mark {
+  .acct-mark {
     font-size: 1.2em;
   }
 
diff --git a/src/profiles/Profile.tsx b/src/profiles/Profile.tsx
index 5c00c20..caf3cd0 100644
--- a/src/profiles/Profile.tsx
+++ b/src/profiles/Profile.tsx
@@ -33,6 +33,7 @@ import {
   Edit,
   ExpandMore,
   Group,
+  Lock,
   MoreVert,
   OpenInBrowser,
   PersonOff,
@@ -41,7 +42,6 @@ import {
   Share,
   SmartToySharp,
   Subject,
-  Translate,
   Verified,
 } from "@suid/icons-material";
 import { Body2, Title } from "../material/typography";
@@ -372,13 +372,19 @@ const Profile: Component = () => {
       <Menu {...subscribeMenuState}>
         <MenuItem
           onClick={toggleSubscribeHome}
-          aria-details="Subscribe or Unsubscribe this account on your home timeline"
+          aria-label={`${relationship()?.following ? "Unfollow" : "Follow"} on your home timeline`}
         >
           <ListItemAvatar>
             <Avatar src={session().account?.inf?.avatar}></Avatar>
           </ListItemAvatar>
           <ListItemText
-            secondary={relationship()?.following ? "Subscribed" : undefined}
+            secondary={
+              relationship()?.following
+                ? undefined
+                : profile()?.locked
+                  ? "A request will be sent"
+                  : undefined
+            }
           >
             <span ref={useSessionDisplayName}></span>
             <span>'s Home</span>
@@ -408,7 +414,10 @@ const Profile: Component = () => {
           <div class="name-grp">
             <div class="display-name">
               <Show when={profile()?.bot}>
-                <SmartToySharp class="bot-mark" aria-label="Bot" />
+                <SmartToySharp class="acct-mark" aria-label="Bot" />
+              </Show>
+              <Show when={profile()?.locked}>
+                <Lock class="acct-mark" aria-label="Locked" />
               </Show>
               <Body2
                 component="span"