Nicolas Cantu
90ff8282f1
- Création lib/platformCommissions.ts : configuration centralisée des commissions - Articles : 800 sats (700 auteur, 100 plateforme) - Avis : 70 sats (49 lecteur, 21 plateforme) - Sponsoring : 0.046 BTC (0.042 auteur, 0.004 plateforme) - Validation des montants à chaque étape : - Publication : vérification du montant avant publication - Paiement : vérification du montant avant acceptation - Erreurs explicites si montant incorrect - Tracking des commissions sur Nostr : - Tags author_amount et platform_commission dans événements - Interface ContentDeliveryTracking étendue - Traçabilité complète pour audit - Logs structurés avec informations de commission - Documentation complète du système Les commissions sont maintenant systématiques, validées et traçables.
74 lines
1.7 KiB
TypeScript
74 lines
1.7 KiB
TypeScript
import type { Article } from '@/types/nostr'
|
|
import { ArticleCard } from './ArticleCard'
|
|
|
|
interface ArticlesListProps {
|
|
articles: Article[]
|
|
allArticles: Article[]
|
|
loading: boolean
|
|
error: string | null
|
|
onUnlock: (article: Article) => void
|
|
unlockedArticles: Set<string>
|
|
}
|
|
|
|
function LoadingState() {
|
|
return (
|
|
<div className="text-center py-12">
|
|
<p className="text-cyber-accent/70">Loading articles...</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 articles match your search or filters.' : 'No articles found. Check back later!'}
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function ArticlesList({
|
|
articles,
|
|
allArticles,
|
|
loading,
|
|
error,
|
|
onUnlock,
|
|
unlockedArticles,
|
|
}: ArticlesListProps) {
|
|
if (loading) {
|
|
return <LoadingState />
|
|
}
|
|
if (error) {
|
|
return <ErrorState message={error} />
|
|
}
|
|
if (articles.length === 0) {
|
|
return <EmptyState hasAny={allArticles.length > 0} />
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="mb-4 text-sm text-cyber-accent/70">
|
|
Showing {articles.length} of {allArticles.length} article{allArticles.length !== 1 ? 's' : ''}
|
|
</div>
|
|
<div className="space-y-6">
|
|
{articles.map((article) => (
|
|
<ArticleCard
|
|
key={article.id}
|
|
article={{ ...article, paid: unlockedArticles.has(article.id) || article.paid }}
|
|
onUnlock={onUnlock}
|
|
/>
|
|
))}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|