import {useEffect, useState} from "react"; import {Form, Head, usePage} from "@inertiajs/react"; import {LoaderCircle} from 'lucide-react'; import ContactFormController from "@/actions/App/Http/Controllers/Forms/ContactFormController"; import {Label} from "@/components/ui/label"; import {Input} from "@/components/ui/input"; import InputError from "@/components/input-error"; import {Button} from "@/components/ui/button"; import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select"; import {Textarea} from "@/components/ui/textarea"; import NavGuestLayout from "@/layouts/nav-guest-layout"; import {PageProps} from "@/types"; import {FlashMessage} from "@/components/flash-message"; export default function Contact() { const {flash} = usePage().props as PageProps; const [showFlashMessage, setFlashMessage] = useState(!!flash); useEffect(() => { if (flash) { setFlashMessage(true); const timer = setTimeout(() => setFlashMessage(false), 5000); return () => clearTimeout(timer); } }, [flash]); return ( <>

Nous contacter

Vous désirez nous contacter, merci de remplir le formulaire suivant :

{showFlashMessage && ( )}
{({processing, errors}) => (