c1bda8a775
* Add follow button to user page * Update follows in the database using follow button. * Add toggle for followed market creators to home * Hide follow toggle from user's markets page * Check that sold bet is by auth'd user * Change follow toggle to category pill * Remove unused imports * Remove console.logs
38 lines
779 B
TypeScript
38 lines
779 B
TypeScript
import clsx from 'clsx'
|
|
import { useUser } from 'web/hooks/use-user'
|
|
|
|
export function FollowButton(props: {
|
|
isFollowing: boolean | undefined
|
|
onFollow: () => void
|
|
onUnfollow: () => void
|
|
className?: string
|
|
}) {
|
|
const { isFollowing, onFollow, onUnfollow, className } = props
|
|
|
|
const user = useUser()
|
|
|
|
if (!user || isFollowing === undefined)
|
|
return (
|
|
<button className={clsx('btn btn-sm invisible', className)}>
|
|
Follow
|
|
</button>
|
|
)
|
|
|
|
if (isFollowing) {
|
|
return (
|
|
<button
|
|
className={clsx('btn btn-outline btn-sm', className)}
|
|
onClick={onUnfollow}
|
|
>
|
|
Following
|
|
</button>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<button className={clsx('btn btn-sm', className)} onClick={onFollow}>
|
|
Follow
|
|
</button>
|
|
)
|
|
}
|