highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-12 21:59:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Show "Follow Back" on follow button

Browse Source
This commit is contained in:
hzrd149 2023-04-17 11:41:48 -05:00
parent 80eda9145a
commit 3ae7fe675c
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/forty-fireants-stare.md Normal file
View File

@ -0,0 +1,5 @@
---
"nostrudel": minor
---
Show "Follow Back" on follow button is user is following you

8
src/components/user-follow-button.tsx
View File

@ -2,6 +2,10 @@ import { Button, ButtonProps } from "@chakra-ui/react";
import { useCurrentAccount } from "../hooks/use-current-account"; import { useCurrentAccount } from "../hooks/use-current-account";
import useSubject from "../hooks/use-subject"; import useSubject from "../hooks/use-subject";
import clientFollowingService from "../services/client-following"; import clientFollowingService from "../services/client-following";
import { useAsync } from "react-use";
import { NostrRequest } from "../classes/nostr-request";
import clientRelaysService from "../services/client-relays";
import { useUserContacts } from "../hooks/use-user-contacts";
export const UserFollowButton = ({ export const UserFollowButton = ({
pubkey, pubkey,
@ -13,6 +17,8 @@ export const UserFollowButton = ({
const isFollowing = following.some((t) => t[1] === pubkey); const isFollowing = following.some((t) => t[1] === pubkey);
const userContacts = useUserContacts(pubkey, clientRelaysService.getReadUrls());
const toggleFollow = async () => { const toggleFollow = async () => {
if (isFollowing) { if (isFollowing) {
clientFollowingService.removeContact(pubkey); clientFollowingService.removeContact(pubkey);
@ -25,7 +31,7 @@ export const UserFollowButton = ({
return ( return (
<Button colorScheme="brand" {...props} isLoading={savingDraft} onClick={toggleFollow} isDisabled={account.readonly}> <Button colorScheme="brand" {...props} isLoading={savingDraft} onClick={toggleFollow} isDisabled={account.readonly}>
{isFollowing ? "Unfollow" : "Follow"} {isFollowing ? "Unfollow" : userContacts?.contacts.includes(account.pubkey) ? "Follow Back" : "Follow"}
</Button> </Button>
); );
}; };