streaper2
887030ee47
- Migration du blog et des interviews des données mockées vers PostgreSQL (Prisma). - Refonte des pages publiques en Server Components pour de meilleures performances/SEO. - Intégration d'un éditeur de texte riche (React Quill) avec titres H1-H6 et séparateurs. - Correction des erreurs de validation Prisma liées aux paramètres asynchrones (Next.js 15+). - Correction des problèmes d'affichage des modales de suspension via React Portals. - Installation de @tailwindcss/typography et correction du débordement de texte (break-words). - Implémentation des actions de modération (suspension/révocation) pour les utilisateurs et boutiques.
63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import React, { useState } from 'react';
|
|
import { ShieldAlert, ShieldCheck } from 'lucide-react';
|
|
import { suspendUser, unsuspendUser } from '@/app/actions/suspension';
|
|
import { toast } from 'react-hot-toast';
|
|
import SuspensionModal from './SuspensionModal';
|
|
|
|
interface ModerationSuspensionButtonProps {
|
|
userId: string;
|
|
userName: string;
|
|
isSuspended: boolean;
|
|
}
|
|
|
|
export default function ModerationSuspensionButton({
|
|
userId,
|
|
userName,
|
|
isSuspended
|
|
}: ModerationSuspensionButtonProps) {
|
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
|
|
const handleSuspend = async (reason: string) => {
|
|
const result = await suspendUser(userId, reason);
|
|
if (result.success) {
|
|
toast.success(`${userName} a été suspendu.`);
|
|
} else {
|
|
toast.error(result.error || "Échec de la suspension");
|
|
}
|
|
};
|
|
|
|
if (isSuspended) {
|
|
return (
|
|
<button
|
|
onClick={() => unsuspendUser(userId)}
|
|
className="flex items-center gap-1.5 px-3 py-2 bg-green-500/10 text-green-500 hover:bg-green-500 hover:text-white rounded-lg transition-all text-xs font-bold"
|
|
>
|
|
<ShieldCheck className="w-4 h-4" />
|
|
Réactiver le compte de l'auteur
|
|
</button>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<button
|
|
onClick={() => setIsModalOpen(true)}
|
|
className="flex items-center gap-1.5 px-3 py-2 bg-rose-500/10 text-rose-500 hover:bg-rose-500 hover:text-white rounded-lg transition-all text-xs font-bold"
|
|
>
|
|
<ShieldAlert className="w-4 h-4" />
|
|
Suspendre l'auteur du message
|
|
</button>
|
|
|
|
<SuspensionModal
|
|
isOpen={isModalOpen}
|
|
onClose={() => setIsModalOpen(false)}
|
|
onConfirm={handleSuspend}
|
|
title="Suspendre l'auteur"
|
|
subtitle={`Voulez-vous suspendre le compte de ${userName} pour ce message non conforme ?`}
|
|
/>
|
|
</>
|
|
);
|
|
}
|