diff --git a/src/element/FollowButton.js b/src/element/FollowButton.js new file mode 100644 index 00000000..39a2e46e --- /dev/null +++ b/src/element/FollowButton.js @@ -0,0 +1,21 @@ +import { useSelector } from "react-redux"; +import useEventPublisher from "../feed/EventPublisher"; + +export default function FollowButton(props) { + const pubkey = props.pubkey; + const className = props.className ? `btn ${props.className}` : "btn"; + const publiser = useEventPublisher(); + const follows = useSelector(s => s.login.follows); + + async function follow(pubkey) { + let ev = await publiser.addFollow(pubkey); + publiser.broadcast(ev); + } + + let isFollowing = follows?.includes(pubkey) ?? false; + return ( +