36 lines
938 B
TypeScript
36 lines
938 B
TypeScript
import Profile from '@/components/Profile'
|
|
import PrimaryPageLayout from '@/layouts/PrimaryPageLayout'
|
|
import { useNostr } from '@/providers/NostrProvider'
|
|
import { TPageRef } from '@/types'
|
|
import { UserRound } from 'lucide-react'
|
|
import { forwardRef } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
const ProfilePage = forwardRef<TPageRef>((_, ref) => {
|
|
const { pubkey } = useNostr()
|
|
|
|
return (
|
|
<PrimaryPageLayout
|
|
pageName="profile"
|
|
titlebar={<ProfilePageTitlebar />}
|
|
displayScrollToTopButton
|
|
ref={ref}
|
|
>
|
|
<Profile id={pubkey ?? undefined} />
|
|
</PrimaryPageLayout>
|
|
)
|
|
})
|
|
ProfilePage.displayName = 'ProfilePage'
|
|
export default ProfilePage
|
|
|
|
function ProfilePageTitlebar() {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className="flex gap-2 items-center h-full pl-3">
|
|
<UserRound />
|
|
<div className="text-lg font-semibold">{t('Profile')}</div>
|
|
</div>
|
|
)
|
|
}
|