From c203c7eeed094ea550d3f5871c43f96ab4dafb59 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Sat, 25 Feb 2023 21:27:01 +0000
Subject: [PATCH] bug: follow all fix

---
 packages/app/src/Element/FollowListBase.tsx | 20 ++++++++++++--------
 packages/app/src/Pages/ProfilePage.tsx      | 10 ++--------
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/app/src/Element/FollowListBase.tsx b/packages/app/src/Element/FollowListBase.tsx
index b043036..5eaa3e4 100644
--- a/packages/app/src/Element/FollowListBase.tsx
+++ b/packages/app/src/Element/FollowListBase.tsx
@@ -10,8 +10,10 @@ import messages from "./messages";
 export interface FollowListBaseProps {
   pubkeys: HexKey[];
   title?: ReactNode | string;
+  showFollowAll?: boolean;
+  showAbout?: boolean;
 }
-export default function FollowListBase({ pubkeys, title }: FollowListBaseProps) {
+export default function FollowListBase({ pubkeys, title, showFollowAll, showAbout }: FollowListBaseProps) {
   const publisher = useEventPublisher();
 
   async function followAll() {
@@ -21,14 +23,16 @@ export default function FollowListBase({ pubkeys, title }: FollowListBaseProps)
 
   return (
     <div className="main-content">
-      <div className="flex mt10 mb10">
-        <div className="f-grow bold">{title}</div>
-        <button className="transparent" type="button" onClick={() => followAll()}>
-          <FormattedMessage {...messages.FollowAll} />
-        </button>
-      </div>
+      {(showFollowAll ?? true) && (
+        <div className="flex mt10 mb10">
+          <div className="f-grow bold">{title}</div>
+          <button className="transparent" type="button" onClick={() => followAll()}>
+            <FormattedMessage {...messages.FollowAll} />
+          </button>
+        </div>
+      )}
       {pubkeys?.map(a => (
-        <ProfilePreview pubkey={a} key={a} />
+        <ProfilePreview pubkey={a} key={a} options={{ about: showAbout }} />
       ))}
     </div>
   );
diff --git a/packages/app/src/Pages/ProfilePage.tsx b/packages/app/src/Pages/ProfilePage.tsx
index 8b38673..0a9d890 100644
--- a/packages/app/src/Pages/ProfilePage.tsx
+++ b/packages/app/src/Pages/ProfilePage.tsx
@@ -218,16 +218,10 @@ export default function ProfilePage() {
       }
 
       case FOLLOWS: {
-        return (
-          <div className="main-content">
-            {follows.map(a => (
-              <ProfilePreview key={a} pubkey={a.toLowerCase()} options={{ about: !isMe }} />
-            ))}
-          </div>
-        );
+        return <FollowsList pubkeys={follows} showFollowAll={!isMe} showAbout={!isMe} />;
       }
       case FOLLOWERS: {
-        return <FollowsList pubkeys={followers} />;
+        return <FollowsList pubkeys={followers} showAbout={true} />;
       }
       case MUTED: {
         return <MutedList pubkeys={muted} />;