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.
45 lines
1.6 KiB
45 lines
1.6 KiB
import OthersRelayList from '@/components/OthersRelayList' |
|
import { RefreshButton } from '@/components/RefreshButton' |
|
import { 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 RelaySettingsPage = forwardRef(({ id, index, hideTitlebar = false }: { id?: string; index?: number; hideTitlebar?: boolean }, ref) => { |
|
const { t } = useTranslation() |
|
const { registerPrimaryPanelRefresh } = usePrimaryNoteView() |
|
const { profile } = useFetchProfile(id) |
|
const [listKey, setListKey] = useState(0) |
|
|
|
const bumpList = useCallback(() => setListKey((k) => k + 1), []) |
|
|
|
useEffect(() => { |
|
if (!hideTitlebar) { |
|
registerPrimaryPanelRefresh(null) |
|
return |
|
} |
|
registerPrimaryPanelRefresh(bumpList) |
|
return () => registerPrimaryPanelRefresh(null) |
|
}, [hideTitlebar, registerPrimaryPanelRefresh, bumpList]) |
|
|
|
if (!id || !profile) { |
|
return null |
|
} |
|
|
|
return ( |
|
<SecondaryPageLayout |
|
ref={ref} |
|
index={index} |
|
title={hideTitlebar ? undefined : t("username's used relays", { username: profile.username })} |
|
hideBackButton={hideTitlebar} |
|
controls={hideTitlebar ? undefined : <RefreshButton onClick={bumpList} />} |
|
> |
|
<div key={listKey} className="px-4 pt-3"> |
|
<OthersRelayList userId={id} /> |
|
</div> |
|
</SecondaryPageLayout> |
|
) |
|
}) |
|
RelaySettingsPage.displayName = 'RelaySettingsPage' |
|
export default RelaySettingsPage
|
|
|