diff --git a/web/components/folds/follow-fold-button.tsx b/web/components/folds/follow-fold-button.tsx index 03234671..496cda42 100644 --- a/web/components/folds/follow-fold-button.tsx +++ b/web/components/folds/follow-fold-button.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx' import { Fold } from '../../../common/fold' -import { useFollowedFolds } from '../../hooks/use-fold' +import { useFollowedFoldIds } from '../../hooks/use-fold' import { useUser } from '../../hooks/use-user' import { followFold, unfollowFold } from '../../lib/firebase/folds' @@ -9,7 +9,7 @@ export function FollowFoldButton(props: { fold: Fold; className?: string }) { const user = useUser() - const followedFoldIds = useFollowedFolds(user) + const followedFoldIds = useFollowedFoldIds(user) const following = followedFoldIds ? followedFoldIds.includes(fold.id) : undefined diff --git a/web/hooks/use-find-active-contracts.ts b/web/hooks/use-find-active-contracts.ts index ba80a899..66573728 100644 --- a/web/hooks/use-find-active-contracts.ts +++ b/web/hooks/use-find-active-contracts.ts @@ -10,7 +10,7 @@ import { Comment, getRecentComments } from '../lib/firebase/comments' import { Contract, getActiveContracts } from '../lib/firebase/contracts' import { listAllFolds } from '../lib/firebase/folds' import { useInactiveContracts } from './use-contracts' -import { useFollowedFolds } from './use-fold' +import { useFollowedFoldIds } from './use-fold' import { useSeenContracts } from './use-seen-contracts' import { useUserBetContracts } from './use-user-bets' @@ -48,7 +48,7 @@ export const useFilterYourContracts = ( folds: Fold[], contracts: Contract[] ) => { - const followedFoldIds = useFollowedFolds(user) + const followedFoldIds = useFollowedFoldIds(user) const followedFolds = filterDefined( (followedFoldIds ?? []).map((id) => folds.find((fold) => fold.id === id)) diff --git a/web/hooks/use-fold.ts b/web/hooks/use-fold.ts index e7eb737f..4b1a56a2 100644 --- a/web/hooks/use-fold.ts +++ b/web/hooks/use-fold.ts @@ -50,7 +50,7 @@ export const useFollowingFold = (fold: Fold, user: User | null | undefined) => { } // Note: We cache FollowedFolds in localstorage to speed up the initial load -export const useFollowedFolds = (user: User | null | undefined) => { +export const useFollowedFoldIds = (user: User | null | undefined) => { const [followedFoldIds, setFollowedFoldIds] = useState( undefined ) diff --git a/web/pages/folds.tsx b/web/pages/folds.tsx index ae7981dc..4b4b8892 100644 --- a/web/pages/folds.tsx +++ b/web/pages/folds.tsx @@ -7,11 +7,10 @@ import { FollowFoldButton } from '../components/folds/follow-fold-button' import { Col } from '../components/layout/col' import { Row } from '../components/layout/row' import { Page } from '../components/page' -import { SiteLink } from '../components/site-link' import { TagsList } from '../components/tags-list' import { Title } from '../components/title' import { UserLink } from '../components/user-page' -import { useFolds, useFollowedFolds } from '../hooks/use-fold' +import { useFolds, useFollowedFoldIds } from '../hooks/use-fold' import { useUser } from '../hooks/use-user' import { foldPath, listAllFolds } from '../lib/firebase/folds' import { getUser, User } from '../lib/firebase/users' @@ -44,7 +43,7 @@ export default function Folds(props: { let folds = useFolds() ?? props.folds const user = useUser() - const followedFoldIds = useFollowedFolds(user) || [] + const followedFoldIds = useFollowedFoldIds(user) || [] // First sort by follower count, then list followed folds first folds = _.sortBy(folds, (fold) => -1 * fold.followCount) folds = _.sortBy(folds, (fold) => !followedFoldIds.includes(fold.id))