27 lines
783 B
TypeScript
27 lines
783 B
TypeScript
import { RelayContext } from "@shared/relaysProvider";
|
|
import { UserFollow } from "@shared/user/follow";
|
|
|
|
import { READONLY_RELAYS } from "@stores/constants";
|
|
|
|
import destr from "destr";
|
|
import { Author } from "nostr-relaypool";
|
|
import { useContext, useEffect, useState } from "react";
|
|
|
|
export default function ProfileFollowers({ id }: { id: string }) {
|
|
const pool: any = useContext(RelayContext);
|
|
const [followers, setFollowers] = useState(null);
|
|
|
|
useEffect(() => {
|
|
const user = new Author(pool, READONLY_RELAYS, id);
|
|
user.followers((res) => setFollowers(destr(res.tags)), 0, 100);
|
|
}, [id, pool]);
|
|
|
|
return (
|
|
<div className="flex flex-col gap-3 px-3 py-5">
|
|
{followers?.map((follower) => (
|
|
<UserFollow key={follower[1]} pubkey={follower[1]} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|