syoul
f633dbb1c0
- Implémentation complète du système d'administration (/admin) - Gestion des clients avec base de données JSON - Génération de token unique et QR code pour chaque client - Intégration des données client dans l'application (bungalow, WiFi, message) - Amélioration du composant WifiCard avec fallback de copie - Optimisation du hook useClientData pour chargement immédiat - Ajout de la variable d'environnement ADMIN_PASSWORD
86 lines
2.6 KiB
TypeScript
86 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
|
|
import Logo from "@/components/Logo";
|
|
|
|
export default function AdminLoginPage() {
|
|
const [password, setPassword] = useState("");
|
|
const [error, setError] = useState("");
|
|
const [loading, setLoading] = useState(false);
|
|
const router = useRouter();
|
|
|
|
const handleSubmit = async (e: React.FormEvent) => {
|
|
e.preventDefault();
|
|
setError("");
|
|
setLoading(true);
|
|
|
|
// Vérification simple côté client (la vraie vérification se fait côté serveur)
|
|
// Pour l'instant, on stocke le mot de passe dans localStorage
|
|
localStorage.setItem("adminPassword", password);
|
|
|
|
// Test avec une requête API
|
|
try {
|
|
const response = await fetch("/api/admin/clients", {
|
|
headers: {
|
|
Authorization: `Bearer ${password}`,
|
|
},
|
|
});
|
|
|
|
if (response.ok) {
|
|
router.push("/admin");
|
|
} else {
|
|
setError("Mot de passe incorrect");
|
|
localStorage.removeItem("adminPassword");
|
|
}
|
|
} catch (err) {
|
|
setError("Erreur de connexion");
|
|
localStorage.removeItem("adminPassword");
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="min-h-screen bg-background flex items-center justify-center px-4">
|
|
<Card className="w-full max-w-md">
|
|
<CardHeader className="text-center">
|
|
<div className="flex justify-center mb-4">
|
|
<Logo size={100} />
|
|
</div>
|
|
<CardTitle>Administration</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form onSubmit={handleSubmit} className="space-y-4">
|
|
<div>
|
|
<label className="block text-sm font-medium text-gray-700 mb-1">
|
|
Mot de passe
|
|
</label>
|
|
<input
|
|
type="password"
|
|
value={password}
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
className="w-full px-4 py-2 border border-gray-300 rounded-xl focus:ring-2 focus:ring-primary focus:border-transparent"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
{error && (
|
|
<div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-xl text-sm">
|
|
{error}
|
|
</div>
|
|
)}
|
|
|
|
<Button type="submit" disabled={loading} className="w-full">
|
|
{loading ? "Connexion..." : "Se connecter"}
|
|
</Button>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|
|
|