import clsx from 'clsx' import { Fold } from '../../common/fold' import { useFollowingFold } from '../hooks/use-fold' import { useUser } from '../hooks/use-user' import { followFold, unfollowFold } from '../lib/firebase/folds' export function FollowFoldButton(props: { fold: Fold; className?: string }) { const { fold, className } = props const user = useUser() const following = useFollowingFold(fold, user) const onFollow = () => { if (user) followFold(fold.id, user.id) } const onUnfollow = () => { if (user) unfollowFold(fold, user) } if (!user || following === undefined) return ( ) if (following) { return ( ) } return ( ) }