verbiricha/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests Activity

Show follow counts on profile tabs

Browse Source
This commit is contained in:
Kieran 2023-01-10 14:36:23 +00:00
parent 07fc595f46
commit 6f3107659e
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
4 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/element/FollowListBase.js
View File

@ -1,7 +1,7 @@
import useEventPublisher from "../feed/EventPublisher";
import ProfilePreview from "./ProfilePreview";
export default function FollowListBase({ pubkeys }) {
export default function FollowListBase({ pubkeys, title}) {
const publisher = useEventPublisher();
async function followAll() {
@ -12,7 +12,7 @@ export default function FollowListBase({ pubkeys }) {
return (
<>
<div className="flex">
<div className="f-grow"></div>
<div className="f-grow">{title}</div>
<div className="btn" onClick={() => followAll()}>Follow All</div>
</div>
{pubkeys?.map(a => <ProfilePreview pubkey={a} key={a} options={{ about: false }} />)}

2
src/element/FollowersList.js
View File

@ -11,5 +11,5 @@ export default function FollowersList({ pubkey }) {
return [...new Set(contactLists?.map(a => a.pubkey))];
}, [feed]);
return <FollowListBase pubkeys={pubkeys} />
return <FollowListBase pubkeys={pubkeys} title={`${pubkeys?.length} followers`}/>
}

2
src/element/FollowsList.js
View File

@ -12,5 +12,5 @@ export default function FollowsList({ pubkey }) {
return [...new Set(pTags?.flat())];
}, [feed]);
return <FollowListBase pubkeys={pubkeys} />
return <FollowListBase pubkeys={pubkeys} title={`Following ${pubkeys?.length}`}/>
}

7
src/pages/ProfilePage.js
View File

@ -84,7 +84,12 @@ export default function ProfilePage() {
case ProfileTab.Notes: return <Timeline pubkeys={id} />;
case ProfileTab.Follows: {
if (isMe) {
return follows.map(a => <ProfilePreview key={a} pubkey={a.toLowerCase()} options={{ about: false }} />)
return (
<>
<h4>Following {follows.length}</h4>
{follows.map(a => <ProfilePreview key={a} pubkey={a.toLowerCase()} options={{ about: false }} />)}
</>
);
} else {
return <FollowsList pubkey={id} />;
}