Fix: Conversion complète vers PrimeReact et corrections build
CONVERSIONS UI (8 pages): ✅ Remplacement de tous les composants Shadcn/UI par PrimeReact - Card, Button, Input, Textarea, Badge → Card, Button, InputText, InputTextarea, Tag - Conversion de toutes les icônes lucide-react en primeicons Pages converties: - app/(main)/aide/page.tsx - app/(main)/aide/documentation/page.tsx - app/(main)/aide/tutoriels/page.tsx - app/(main)/aide/support/page.tsx - app/(main)/messages/page.tsx - app/(main)/messages/nouveau/page.tsx - app/(main)/messages/envoyes/page.tsx - app/(main)/messages/archives/page.tsx CORRECTIONS BUILD: ✅ Résolution des conflits de dépendances FullCalendar - @fullcalendar/core: 6.1.4 → ^6.1.19 - Alignement avec daygrid, timegrid, interaction, react ✅ Correction des erreurs TypeScript - DataTable: Ajout de selectionMode="multiple" - InputText number: Conversion number → string avec .toString() ✅ Correction des services API (3 fichiers) - fournisseurService.ts - notificationService.ts - userService.ts - Remplacement des appels apiService.get() par axios direct - Ajout du préfixe /api/v1/ à tous les endpoints - Configuration d'interceptors pour authentication tokens RÉSULTAT: ✅ Build réussi: 126 pages générées ✅ 0 erreurs de compilation ✅ 0 erreurs TypeScript ✅ Architecture cohérente avec PrimeReact 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import React, { useState } from "react";
|
||||
import { Card } from "@/components/ui/card";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Archive, Search, Mail, Send, RotateCcw, Trash2, MoreVertical } from "lucide-react";
|
||||
import { Card } from "primereact/card";
|
||||
import { Button } from "primereact/button";
|
||||
import { InputText } from "primereact/inputtext";
|
||||
import Link from "next/link";
|
||||
|
||||
/**
|
||||
@@ -72,7 +71,7 @@ export default function MessagesArchivesPage() {
|
||||
</div>
|
||||
<Link href="/messages/nouveau">
|
||||
<Button className="bg-blue-600 hover:bg-blue-700">
|
||||
<Send className="mr-2 h-4 w-4" />
|
||||
<i className="pi pi-send mr-2"></i>
|
||||
Nouveau message
|
||||
</Button>
|
||||
</Link>
|
||||
@@ -80,35 +79,35 @@ export default function MessagesArchivesPage() {
|
||||
|
||||
<div className="flex gap-2">
|
||||
<Link href="/messages">
|
||||
<Button variant="outline">
|
||||
<Mail className="mr-2 h-4 w-4" />
|
||||
<Button outlined>
|
||||
<i className="pi pi-envelope mr-2"></i>
|
||||
Reçus
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="/messages/envoyes">
|
||||
<Button variant="outline">
|
||||
<Send className="mr-2 h-4 w-4" />
|
||||
<Button outlined>
|
||||
<i className="pi pi-send mr-2"></i>
|
||||
Envoyés
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="/messages/archives">
|
||||
<Button variant="default" className="bg-blue-600">
|
||||
<Archive className="mr-2 h-4 w-4" />
|
||||
<Button className="bg-blue-600">
|
||||
<i className="pi pi-inbox mr-2"></i>
|
||||
Archives
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<Card className="p-4">
|
||||
<div className="relative">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
|
||||
<Input
|
||||
<span className="p-input-icon-left w-full">
|
||||
<i className="pi pi-search" />
|
||||
<InputText
|
||||
placeholder="Rechercher dans les archives..."
|
||||
className="pl-10"
|
||||
className="w-full"
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</span>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
@@ -136,20 +135,20 @@ export default function MessagesArchivesPage() {
|
||||
</div>
|
||||
<div className="flex items-center gap-2 flex-shrink-0">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
outlined
|
||||
size="small"
|
||||
onClick={() => handleRestore(message.id)}
|
||||
>
|
||||
<RotateCcw className="h-4 w-4 mr-2" />
|
||||
<i className="pi pi-replay mr-2"></i>
|
||||
Restaurer
|
||||
</Button>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
outlined
|
||||
size="small"
|
||||
onClick={() => handleDelete(message.id)}
|
||||
className="text-red-600 hover:text-red-700"
|
||||
>
|
||||
<Trash2 className="h-4 w-4" />
|
||||
<i className="pi pi-trash"></i>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -159,7 +158,7 @@ export default function MessagesArchivesPage() {
|
||||
))
|
||||
) : (
|
||||
<div className="p-12 text-center">
|
||||
<Archive className="h-12 w-12 text-gray-400 mx-auto mb-4" />
|
||||
<i className="pi pi-inbox text-gray-400 mx-auto mb-4" style={{ fontSize: '3rem' }}></i>
|
||||
<p className="text-gray-500">Aucun message archivé</p>
|
||||
</div>
|
||||
)}
|
||||
@@ -168,7 +167,7 @@ export default function MessagesArchivesPage() {
|
||||
|
||||
<Card className="p-4 bg-blue-50 border-blue-200">
|
||||
<div className="flex items-start gap-3">
|
||||
<Archive className="h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" />
|
||||
<i className="pi pi-inbox text-blue-600 flex-shrink-0 mt-0.5" style={{ fontSize: '1.25rem' }}></i>
|
||||
<div className="flex-1">
|
||||
<h3 className="font-semibold text-blue-900">À propos des archives</h3>
|
||||
<p className="text-sm text-blue-700 mt-1">
|
||||
|
||||
Reference in New Issue
Block a user