a5adb84a62
Corrections apportées: 1. **Utilisation correcte des services exportés** - Remplacement de apiService.X par les services nommés (chantierService, clientService, etc.) - Alignement avec l'architecture d'export du fichier services/api.ts 2. **Correction des types d'interface** - Utilisation des types officiels depuis @/types/btp - Chantier: suppression des propriétés custom, utilisation du type standard - Client: ajout des imports Chantier et Facture - Materiel: adaptation aux propriétés réelles (numeroSerie au lieu de reference) - PlanningEvent: remplacement de TacheChantier par PlanningEvent 3. **Correction des propriétés obsolètes** - Chantier: dateFin → dateFinPrevue, budget → montantPrevu, responsable → typeChantier - Client: typeClient → entreprise, suppression de chantiers/factures inexistants - Materiel: reference → numeroSerie, prixAchat → valeurAchat - PlanningEvent: nom → titre, suppression de progression 4. **Correction des enums** - StatutFacture: EN_ATTENTE → ENVOYEE/BROUILLON/PARTIELLEMENT_PAYEE - PrioritePlanningEvent: MOYENNE → CRITIQUE/HAUTE/NORMALE/BASSE 5. **Fix async/await pour cookies()** - Ajout de await pour cookies() dans les routes API (Next.js 15 requirement) - app/api/auth/logout/route.ts - app/api/auth/token/route.ts - app/api/auth/userinfo/route.ts 6. **Fix useSearchParams() Suspense** - Enveloppement de useSearchParams() dans un Suspense boundary - Création d'un composant LoginContent séparé - Ajout d'un fallback avec spinner Résultat: ✅ Build production réussi: 126 pages générées ✅ Compilation TypeScript sans erreurs ✅ Linting validé ✅ Middleware 34.4 kB ✅ First Load JS shared: 651 kB 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
83 lines
2.4 KiB
TypeScript
83 lines
2.4 KiB
TypeScript
'use client';
|
|
|
|
import React, { Suspense } from 'react';
|
|
import { useSearchParams } from 'next/navigation';
|
|
import { Button } from 'primereact/button';
|
|
import { Card } from 'primereact/card';
|
|
|
|
function LoginContent() {
|
|
const searchParams = useSearchParams();
|
|
const returnUrl = searchParams.get('returnUrl') || '/dashboard';
|
|
|
|
const handleLogin = () => {
|
|
// Stocker l'URL de retour dans le sessionStorage
|
|
if (returnUrl) {
|
|
sessionStorage.setItem('returnUrl', returnUrl);
|
|
}
|
|
|
|
// Rediriger vers l'API de login qui initiera le flux OAuth
|
|
window.location.href = '/api/auth/login';
|
|
};
|
|
|
|
return (
|
|
<div className="min-h-screen flex align-items-center justify-content-center" style={{
|
|
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'
|
|
}}>
|
|
<div className="surface-card p-4 shadow-2 border-round w-full lg:w-6">
|
|
<div className="text-center mb-5">
|
|
<div className="text-900 text-3xl font-medium mb-3">
|
|
BTP Xpress
|
|
</div>
|
|
<span className="text-600 font-medium line-height-3">
|
|
Plateforme de gestion pour le secteur du BTP
|
|
</span>
|
|
</div>
|
|
|
|
<Card>
|
|
<div className="text-center">
|
|
<i className="pi pi-lock text-6xl text-primary mb-4"></i>
|
|
<h2 className="text-900 font-bold text-2xl mb-2">
|
|
Connexion requise
|
|
</h2>
|
|
<p className="text-600 mb-4">
|
|
Veuillez vous connecter pour accéder à l'application
|
|
</p>
|
|
|
|
<Button
|
|
label="Se connecter avec Keycloak"
|
|
icon="pi pi-sign-in"
|
|
onClick={handleLogin}
|
|
className="w-full p-3 text-xl"
|
|
severity="info"
|
|
/>
|
|
|
|
<div className="mt-4 text-center">
|
|
<span className="text-600 text-sm">
|
|
Authentification sécurisée via Keycloak OAuth 2.0
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
|
|
<div className="mt-5 text-center">
|
|
<span className="text-white-alpha-80 text-sm">
|
|
© 2025 BTP Xpress - Tous droits réservés
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<Suspense fallback={
|
|
<div className="min-h-screen flex align-items-center justify-content-center">
|
|
<i className="pi pi-spin pi-spinner text-4xl"></i>
|
|
</div>
|
|
}>
|
|
<LoginContent />
|
|
</Suspense>
|
|
);
|
|
}
|