Ajoutez voimport { Search } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { useNavigate } from "react-router-dom";
import { useState } from "react";
const Index = () => {
const navigate = useNavigate();
const [accessCode, setAccessCode] = useState("");
const handleJoin = () => {
if (accessCode.trim()) {
navigate(`/join?code=${accessCode.trim().toUpperCase()}`);
}
};
return (
Rejoindre un événement
Entrez le code fourni par votre organisateur
setAccessCode(e.target.value.toUpperCase())}
onKeyDown={(e) => e.key === "Enter" && handleJoin()}
className="text-center text-lg font-mono tracking-widest uppercase"
maxLength={6}
/>
);
};
export default Index;
tre HTML personnalisé ici
🕵️
🕵️
Détective Profiler
Découvrez les profils cachés de vos collègues
