Fix ask organizer modal

This commit is contained in:
adilallo
2026-05-24 16:44:36 -06:00
parent 30a7dd1c2f
commit d8e0b87bb3
10 changed files with 57 additions and 12 deletions
@@ -14,6 +14,7 @@ import { useTranslation } from "../../../contexts/MessagesContext";
const AskOrganizerInquiryModalContainer = memo<AskOrganizerInquiryModalProps>(
({ isOpen, onClose }) => {
const t = useTranslation("modals.askOrganizerInquiry");
const tLogin = useTranslation("pages.login");
const copy = useMemo(
() => ({
title: t("title"),
@@ -28,8 +29,9 @@ const AskOrganizerInquiryModalContainer = memo<AskOrganizerInquiryModalProps>(
successDescription: t("successDescription"),
ariaDialog: t("ariaDialog"),
honeypotLabel: t("honeypotLabel"),
backToHome: tLogin("backToHome"),
}),
[t],
[t, tLogin],
);
const [email, setEmail] = useState("");
const [message, setMessage] = useState("");
@@ -16,6 +16,7 @@ export interface AskOrganizerInquiryModalCopy {
successDescription: string;
ariaDialog: string;
honeypotLabel: string;
backToHome: string;
}
export interface AskOrganizerInquiryModalViewProps
@@ -1,5 +1,6 @@
"use client";
import Link from "next/link";
import Create from "../Create";
import TextInput from "../../controls/TextInput";
import TextArea from "../../controls/TextArea";
@@ -72,6 +73,15 @@ export function AskOrganizerInquiryModalView({
ariaLabel={copy.ariaDialog}
footerContent={footer}
footerClassName="!h-auto min-h-[112px] shrink-0 flex flex-col justify-end pb-8 pt-3 px-4"
belowCard={
<Link
href="/"
className="font-inter font-normal text-[14px] leading-[20px] text-[var(--color-content-invert-tertiary,#2d2d2d)] text-center hover:opacity-90"
onClick={() => onClose()}
>
{copy.backToHome}
</Link>
}
>
{success ? (
<div className="flex flex-col gap-3 py-2">