highperfocused/lume
1
0
Fork 0
mirror of https://github.com/lumehq/lume.git synced 2025-09-20 19:10:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: add loading to follow status

Browse Source
This commit is contained in:
Michel Kansou
2023-07-03 11:22:43 +02:00
parent 23882a4fea
commit 6c6b94688e
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/trending/components/profile.tsx
View File

@@ -19,7 +19,7 @@ export function Profile({ data }: { data: any }) {
const embedProfile = data.profile ? JSON.parse(data.profile.content) : null; const embedProfile = data.profile ? JSON.parse(data.profile.content) : null;
const profile = embedProfile; const profile = embedProfile;
const { userFollows, follow, unfollow } = useSocial(); const { status: socialStatus, userFollows, follow, unfollow } = useSocial();
const [followed, setFollowed] = useState(false); const [followed, setFollowed] = useState(false);
@@ -83,7 +83,18 @@ export function Profile({ data }: { data: any }) {
</div> </div>
</div> </div>
<div className="inline-flex items-center gap-2"> <div className="inline-flex items-center gap-2">
{!followed ? (<button type="button" onClick={() => followUser(data.pubkey)} >Follow</button>): (<button type="button" onClick={() => unfollowUser(data.pubkey)} >Unfollow</button>)} {socialStatus === "loading" ? (
<button
type="button"
className="inline-flex w-36 h-10 items-center justify-center rounded-md bg-zinc-900 hover:bg-fuchsia-500 text-sm font-medium"
>
Loading...
</button>
) : followed ? (
<button type="button" onClick={() => unfollowUser(data.pubkey)}>Unfollow</button>
) : (
<button type="button" onClick={() => followUser(data.pubkey)}>Follow</button>
)}
</div> </div>
</div> </div>
<div className="mt-2"> <div className="mt-2">