diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx index 5d6acee..3408c81 100644 --- a/src/pages/Contact.tsx +++ b/src/pages/Contact.tsx @@ -12,9 +12,8 @@ import { supabase } from "@/integrations/supabase/client"; import { Send, ArrowLeft } from "lucide-react"; const contactSchema = z.object({ - name: z.string().trim().min(1, "Namn krävs").max(100, "Max 100 tecken"), email: z.string().trim().email("Ogiltig e-postadress").max(255, "Max 255 tecken"), - company: z.string().trim().max(100, "Max 100 tecken").optional(), + company: z.string().trim().min(1, "Företag krävs").max(100, "Max 100 tecken"), message: z.string().trim().min(1, "Meddelande krävs").max(2000, "Max 2000 tecken"), }); @@ -23,7 +22,6 @@ type ContactForm = z.infer; const Contact = () => { const navigate = useNavigate(); const [form, setForm] = useState({ - name: "", email: "", company: "", message: "", @@ -45,9 +43,8 @@ const Contact = () => { try { const { error } = await supabase.functions.invoke("send-contact-email", { body: { - name: form.name, email: form.email, - company: form.company || "", + company: form.company, message: form.message, }, }); @@ -110,13 +107,13 @@ const Contact = () => { ) : (
- + setForm({ ...form, name: e.target.value })} - placeholder="Namn" + value={form.company} + onChange={(e) => setForm({ ...form, company: e.target.value })} + placeholder="Företagsnamn" required />
@@ -133,17 +130,6 @@ const Contact = () => { /> -
- - setForm({ ...form, company: e.target.value })} - placeholder="Ditt företag (valfritt)" - /> -
-