Paul Frazee
36791e68b3
* Small fix to side menu rendering * Change onboarding to use an explicit 'is onboarding' mode to more clearly control the flow * Add a progress bar to the welcome banner * Dont show the 'unfollow button' on posts in weird times (close #271) * Improve the empty state of the feed * Only suggest recent posts
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
import React from 'react'
|
|
import {observer} from 'mobx-react-lite'
|
|
import {Button} from '../util/forms/Button'
|
|
import {useStores} from 'state/index'
|
|
import * as apilib from 'lib/api/index'
|
|
import * as Toast from '../util/Toast'
|
|
|
|
const FollowButton = observer(
|
|
({
|
|
did,
|
|
declarationCid,
|
|
onToggleFollow,
|
|
}: {
|
|
did: string
|
|
declarationCid: string
|
|
onToggleFollow?: (v: boolean) => void
|
|
}) => {
|
|
const store = useStores()
|
|
const isFollowing = store.me.follows.isFollowing(did)
|
|
|
|
const onToggleFollowInner = async () => {
|
|
if (store.me.follows.isFollowing(did)) {
|
|
try {
|
|
await apilib.unfollow(store, store.me.follows.getFollowUri(did))
|
|
store.me.follows.removeFollow(did)
|
|
onToggleFollow?.(false)
|
|
} catch (e: any) {
|
|
store.log.error('Failed fo delete follow', e)
|
|
Toast.show('An issue occurred, please try again.')
|
|
}
|
|
} else {
|
|
try {
|
|
const res = await apilib.follow(store, did, declarationCid)
|
|
store.me.follows.addFollow(did, res.uri)
|
|
onToggleFollow?.(true)
|
|
} catch (e: any) {
|
|
store.log.error('Failed fo create follow', e)
|
|
Toast.show('An issue occurred, please try again.')
|
|
}
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
type={isFollowing ? 'default' : 'primary'}
|
|
onPress={onToggleFollowInner}
|
|
label={isFollowing ? 'Unfollow' : 'Follow'}
|
|
/>
|
|
)
|
|
},
|
|
)
|
|
|
|
export default FollowButton
|