import Head from 'next/head' import type { Article } from '@/types/nostr' import { ArticleFiltersComponent, type ArticleFilters } from '@/components/ArticleFilters' import { CategoryTabs } from '@/components/CategoryTabs' import { SearchBar } from '@/components/SearchBar' import { ArticlesList } from '@/components/ArticlesList' import { PageHeader } from '@/components/PageHeader' import type { Dispatch, SetStateAction } from 'react' interface HomeViewProps { searchQuery: string setSearchQuery: Dispatch> selectedCategory: ArticleFilters['category'] setSelectedCategory: Dispatch> filters: ArticleFilters setFilters: Dispatch> articles: Article[] allArticles: Article[] loading: boolean error: string | null onUnlock: (article: Article) => void unlockedArticles: Set } function HomeHead() { return ( zapwall4Science - Science Fiction & Scientific Research ) } function ArticlesHero({ searchQuery, setSearchQuery, selectedCategory, setSelectedCategory, }: Pick) { return (

Articles

Lisez les aperçus gratuitement, débloquez le contenu complet avec {800} sats

) } function HomeContent({ searchQuery, setSearchQuery, selectedCategory, setSelectedCategory, filters, setFilters, articles, allArticles, loading, error, onUnlock, unlockedArticles, }: HomeViewProps) { const shouldShowFilters = !loading && allArticles.length > 0 const articlesListProps = { articles, allArticles, loading, error, onUnlock, unlockedArticles } return (
{shouldShowFilters && ( )}
) } export function HomeView(props: HomeViewProps) { return ( <>
) }