story-research-zapwall/components/ArticlePreview.tsx
Nicolas Cantu 90ff8282f1 feat: Implémentation système de commissions systématique et incontournable
- 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.
2025-12-27 21:11:09 +01:00

38 lines
1.2 KiB
TypeScript

import React from 'react'
import type { Article } from '@/types/nostr'
interface ArticlePreviewProps {
article: Article
loading: boolean
onUnlock: () => void
}
export function ArticlePreview({ article, loading, onUnlock }: ArticlePreviewProps) {
if (article.paid) {
return (
<div>
<p className="mb-2 text-cyber-accent">{article.preview}</p>
<p className="text-sm text-cyber-accent/80 mt-4 whitespace-pre-wrap">{article.content}</p>
</div>
)
}
return (
<div>
<p className="mb-4 text-cyber-accent">{article.preview}</p>
<div className="border-t border-neon-cyan/30 pt-4">
<p className="text-sm text-cyber-accent/70 mb-4">
Contenu complet disponible après un zap de {article.zapAmount} sats
</p>
<button
onClick={onUnlock}
disabled={loading}
className="px-4 py-2 bg-neon-green/20 hover:bg-neon-green/30 text-neon-green rounded-lg font-medium transition-all border border-neon-green/50 hover:shadow-glow-green disabled:opacity-50"
>
{loading ? 'Traitement...' : `Débloquer avec ${article.zapAmount} sats zap`}
</button>
</div>
</div>
)
}