diff --git a/app/(gcforms)/[locale]/(form administration)/form-builder/[id]/settings/manage/close/ClosedMessage.tsx b/app/(gcforms)/[locale]/(form administration)/form-builder/[id]/settings/manage/close/ClosedMessage.tsx index a7db5e2305..d43830582c 100644 --- a/app/(gcforms)/[locale]/(form administration)/form-builder/[id]/settings/manage/close/ClosedMessage.tsx +++ b/app/(gcforms)/[locale]/(form administration)/form-builder/[id]/settings/manage/close/ClosedMessage.tsx @@ -6,12 +6,20 @@ import { useRehydrate } from "@lib/store/useTemplateStore"; import Skeleton from "react-loading-skeleton"; import React from "react"; +import { cn } from "@lib/utils"; + +import { + MessageType, + ValidationMessage, +} from "@clientComponents/globals/ValidationMessage/ValidationMessage"; + type ClosedMessageProps = { + valid: boolean; closedDetails?: ClosedDetails; setClosedDetails: (details: ClosedDetails) => void; }; -export const ClosedMessage = ({ closedDetails, setClosedDetails }: ClosedMessageProps) => { +export const ClosedMessage = ({ valid, closedDetails, setClosedDetails }: ClosedMessageProps) => { const { t } = useTranslation("form-builder"); const hasHydrated = useRehydrate(); @@ -37,6 +45,14 @@ export const ClosedMessage = ({ closedDetails, setClosedDetails }: ClosedMessage <>

{t("closingDate.message.title")}

{t("closingDate.message.text1")}

+ +
+ + {t("closingDate.message.errors.translation")} + +
- +
-
diff --git a/i18n/translations/en/form-builder.json b/i18n/translations/en/form-builder.json index b4792dd95b..2d555a225a 100644 --- a/i18n/translations/en/form-builder.json +++ b/i18n/translations/en/form-builder.json @@ -880,7 +880,10 @@ "savedErrorMessage": "There was an error saving your changes. Try again later or contact Support.", "message": { "title": "Customize the closed form message", - "text1": "Tell people trying to access the form when and why it closed and where to go next." + "text1": "Tell people trying to access the form when and why it closed and where to go next.", + "errors": { + "translation": "Provide equivalent content in both official languages." + } } }, "errorSavingForm": { diff --git a/i18n/translations/fr/form-builder.json b/i18n/translations/fr/form-builder.json index d7671ed172..195734d8c0 100644 --- a/i18n/translations/fr/form-builder.json +++ b/i18n/translations/fr/form-builder.json @@ -880,7 +880,10 @@ "savedErrorMessage": "Une erreur s'est produite lors de l'enregistrement de vos modifications. Réessayez plus tard ou contacter l’équipe de soutien.", "message": { "title": " Personnaliser le message du formulaire fermé", - "text1": "Indiquer aux personnes qui tentent d'accéder au formulaire quand et pourquoi il s'est fermé et où aller ensuite." + "text1": "Indiquer aux personnes qui tentent d'accéder au formulaire quand et pourquoi il s'est fermé et où aller ensuite.", + "errors": { + "translation": "Veuillez fournir du contenu équivalent dans les deux langues officielles." + } } }, "errorSavingForm": { diff --git a/next-env.d.ts b/next-env.d.ts index 4f11a03dc6..40c3d68096 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -2,4 +2,4 @@ /// // NOTE: This file should not be edited -// see https://nextjs.org/docs/basic-features/typescript for more information. +// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.