61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import type { Article } from '@/types/nostr'
|
|
import { AuthorCard } from './AuthorCard'
|
|
|
|
interface AuthorsListProps {
|
|
authors: Article[]
|
|
allAuthors: Article[]
|
|
loading: boolean
|
|
error: string | null
|
|
}
|
|
|
|
function LoadingState() {
|
|
return (
|
|
<div className="text-center py-12">
|
|
<p className="text-cyber-accent/70">Loading authors...</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function ErrorState({ message }: { message: string }) {
|
|
return (
|
|
<div className="bg-red-900/20 border border-red-500/50 rounded-lg p-4 mb-4">
|
|
<p className="text-red-400">{message}</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function EmptyState({ hasAny }: { hasAny: boolean }) {
|
|
return (
|
|
<div className="text-center py-12">
|
|
<p className="text-cyber-accent/70">
|
|
{hasAny ? 'No authors match your search or filters.' : 'No authors found. Check back later!'}
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function AuthorsList({ authors, allAuthors, loading, error }: AuthorsListProps) {
|
|
if (loading) {
|
|
return <LoadingState />
|
|
}
|
|
if (error) {
|
|
return <ErrorState message={error} />
|
|
}
|
|
if (authors.length === 0) {
|
|
return <EmptyState hasAny={allAuthors.length > 0} />
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="mb-4 text-sm text-cyber-accent/70">
|
|
Showing {authors.length} of {allAuthors.length} author{allAuthors.length !== 1 ? 's' : ''}
|
|
</div>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
{authors.map((author) => (
|
|
<AuthorCard key={author.pubkey} presentation={author} />
|
|
))}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|