You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.7 KiB
47 lines
1.7 KiB
import ProfileList from '@/components/ProfileList' |
|
import { RefreshButton } from '@/components/RefreshButton' |
|
import { useFetchFollowings, useFetchProfile } from '@/hooks' |
|
import SecondaryPageLayout from '@/layouts/SecondaryPageLayout' |
|
import { usePrimaryNoteView } from '@/contexts/primary-note-view-context' |
|
import { forwardRef, useCallback, useEffect, useState } from 'react' |
|
import { useTranslation } from 'react-i18next' |
|
|
|
const FollowingListPage = forwardRef(({ id, index, hideTitlebar = false }: { id?: string; index?: number; hideTitlebar?: boolean }, ref) => { |
|
const { t } = useTranslation() |
|
const { registerPrimaryPanelRefresh } = usePrimaryNoteView() |
|
const [listRefreshNonce, setListRefreshNonce] = useState(0) |
|
const { profile } = useFetchProfile(id) |
|
const { followings } = useFetchFollowings(profile?.pubkey, listRefreshNonce) |
|
|
|
const bumpList = useCallback(() => setListRefreshNonce((n) => n + 1), []) |
|
|
|
useEffect(() => { |
|
if (!hideTitlebar) { |
|
registerPrimaryPanelRefresh(null) |
|
return |
|
} |
|
registerPrimaryPanelRefresh(bumpList) |
|
return () => registerPrimaryPanelRefresh(null) |
|
}, [hideTitlebar, registerPrimaryPanelRefresh, bumpList]) |
|
|
|
return ( |
|
<SecondaryPageLayout |
|
ref={ref} |
|
index={index} |
|
title={ |
|
hideTitlebar |
|
? undefined |
|
: profile?.username |
|
? t("username's following", { username: profile.username }) |
|
: t('Following') |
|
} |
|
hideBackButton={hideTitlebar} |
|
controls={hideTitlebar ? undefined : <RefreshButton onClick={bumpList} />} |
|
displayScrollToTopButton |
|
> |
|
<ProfileList pubkeys={followings} /> |
|
</SecondaryPageLayout> |
|
) |
|
}) |
|
FollowingListPage.displayName = 'FollowingListPage' |
|
export default FollowingListPage
|
|
|