125 lines
3.4 KiB
TypeScript
125 lines
3.4 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
import { useRouter } from 'next/router'
|
|
import type { ArticleFilters } from '@/components/ArticleFilters'
|
|
import type { Article, NostrProfile } from '@/types/nostr'
|
|
import { ProfileView } from '@/components/ProfileView'
|
|
import { useNostrAuth } from '@/hooks/useNostrAuth'
|
|
import { useUserArticles } from '@/hooks/useUserArticles'
|
|
import { nostrService } from '@/lib/nostr'
|
|
|
|
function useUserProfileData(currentPubkey: string | null): {
|
|
profile: NostrProfile | null
|
|
loadingProfile: boolean
|
|
} {
|
|
const [profile, setProfile] = useState<NostrProfile | null>(null)
|
|
const [loadingProfile, setLoadingProfile] = useState(true)
|
|
|
|
useEffect(() => {
|
|
if (!currentPubkey) {
|
|
return
|
|
}
|
|
|
|
const createMinimalProfile = (): NostrProfile => ({
|
|
pubkey: currentPubkey,
|
|
})
|
|
|
|
const load = async (): Promise<void> => {
|
|
try {
|
|
const loadedProfile = await nostrService.getProfile(currentPubkey)
|
|
setProfile(loadedProfile ?? createMinimalProfile())
|
|
} catch (e) {
|
|
console.error('Error loading profile:', e)
|
|
setProfile(createMinimalProfile())
|
|
} finally {
|
|
setLoadingProfile(false)
|
|
}
|
|
}
|
|
|
|
setLoadingProfile(true)
|
|
void load()
|
|
}, [currentPubkey])
|
|
|
|
return { profile, loadingProfile }
|
|
}
|
|
|
|
function useRedirectWhenDisconnected(connected: boolean, pubkey: string | null): void {
|
|
const router = useRouter()
|
|
useEffect(() => {
|
|
if (!connected || !pubkey) {
|
|
void router.push('/')
|
|
}
|
|
}, [connected, pubkey, router])
|
|
}
|
|
|
|
function useProfileController(): {
|
|
connected: boolean
|
|
currentPubkey: string | null
|
|
searchQuery: string
|
|
setSearchQuery: React.Dispatch<React.SetStateAction<string>>
|
|
filters: ArticleFilters
|
|
setFilters: React.Dispatch<React.SetStateAction<ArticleFilters>>
|
|
articles: Article[]
|
|
allArticles: Article[]
|
|
loading: boolean
|
|
error: string | null
|
|
loadArticleContent: (articleId: string, authorPubkey: string) => Promise<Article | null>
|
|
profile: NostrProfile | null
|
|
loadingProfile: boolean
|
|
selectedSeriesId: string | undefined
|
|
onSelectSeries: (seriesId: string | undefined) => void
|
|
} {
|
|
const { connected, pubkey: currentPubkey } = useNostrAuth()
|
|
const [searchQuery, setSearchQuery] = useState('')
|
|
const [filters, setFilters] = useState<ArticleFilters>({
|
|
authorPubkey: null,
|
|
sortBy: 'newest',
|
|
category: 'all',
|
|
})
|
|
const [selectedSeriesId, setSelectedSeriesId] = useState<string | undefined>(undefined)
|
|
|
|
useRedirectWhenDisconnected(connected, currentPubkey ?? null)
|
|
const { profile, loadingProfile } = useUserProfileData(currentPubkey ?? null)
|
|
|
|
const { articles, allArticles, loading, error, loadArticleContent } = useUserArticles(
|
|
currentPubkey ?? '',
|
|
searchQuery,
|
|
filters
|
|
)
|
|
|
|
return {
|
|
connected,
|
|
currentPubkey,
|
|
searchQuery,
|
|
setSearchQuery,
|
|
filters,
|
|
setFilters,
|
|
articles,
|
|
allArticles,
|
|
loading,
|
|
error,
|
|
loadArticleContent,
|
|
profile,
|
|
loadingProfile,
|
|
selectedSeriesId,
|
|
onSelectSeries: setSelectedSeriesId,
|
|
}
|
|
}
|
|
|
|
export default function ProfilePage(): React.ReactElement | null {
|
|
const controller = useProfileController()
|
|
const { connected, currentPubkey } = controller
|
|
|
|
useRedirectWhenDisconnected(connected, currentPubkey ?? null)
|
|
|
|
if (!connected || !currentPubkey) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<ProfileView
|
|
{...controller}
|
|
currentPubkey={currentPubkey}
|
|
/>
|
|
)
|
|
}
|