diff --git a/app/soapbox/features/favourited_statuses/index.tsx b/app/soapbox/features/favourited_statuses/index.tsx index 2b720ab4c..1a8ba3bfa 100644 --- a/app/soapbox/features/favourited_statuses/index.tsx +++ b/app/soapbox/features/favourited_statuses/index.tsx @@ -38,11 +38,19 @@ const Favourites: React.FC = (props) => { const isLoading = useAppSelector(state => state.status_lists.get(timelineKey)?.isLoading === true); const hasMore = useAppSelector(state => !!state.status_lists.get(timelineKey)?.next); - const unavailable = useAppSelector(state => { + const isUnavailable = useAppSelector(state => { const blockedBy = state.relationships.getIn([account?.id, 'blocked_by']) === true; return isOwnAccount ? false : (blockedBy && !features.blockersVisible); }); + const handleLoadMore = useCallback(debounce(() => { + if (isOwnAccount) { + dispatch(expandFavouritedStatuses()); + } else if (account) { + dispatch(expandAccountFavouritedStatuses(account.id)); + } + }, 300, { leading: true }), [account?.id]); + useEffect(() => { if (isOwnAccount) dispatch(fetchFavouritedStatuses()); @@ -63,15 +71,7 @@ const Favourites: React.FC = (props) => { } }, [account?.id]); - const handleLoadMore = useCallback(debounce(() => { - if (isOwnAccount) { - dispatch(expandFavouritedStatuses()); - } else if (account) { - dispatch(expandAccountFavouritedStatuses(account.id)); - } - }, 300, { leading: true }), [account?.id]); - - if (unavailable) { + if (isUnavailable) { return (