diff --git a/src/assets/locales/de/translations.json b/src/assets/locales/de/translations.json index 8da92c88e..58b154430 100644 --- a/src/assets/locales/de/translations.json +++ b/src/assets/locales/de/translations.json @@ -51,10 +51,10 @@ "contact.email": "E-Mail Adresse", "contact.message": "Deine Nachricht an uns", "contact.mandatory-field": "Pflichtfeld", - "contact.error.name": "Dein Name fehlt", - "contact.error.message": "Deine Nachricht fehlt", - "contact.error.email": "Deine E-Mail fehlt", - "contact.error.email-undefined": "Irgendwas stimmt an dieser E-Mail nicht", + "contact.error.name": "Das Feld Name ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können", + "contact.error.message": "Das Feld Nachricht ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können", + "contact.error.email": "Das Feld E-Mail ist nicht ausgefüllt. Bitte fülle es aus um die Nachricht senden zu können", + "contact.error.email-undefined": "Irgendwas stimmt an dieser E-Mail nicht. Bitte überprüfe sie und versuche es noch einmal", "contact.action.again-text": "Leider gab es einen Fehler. Bitte versuche es noch einmal. Klappt das nicht, schicke deine Nachricht bitte direkt an", "contact.action.missing": "Bitte fülle alle benötigten Felder aus", "contact.action.send": "Senden", diff --git a/src/assets/locales/en/translations.json b/src/assets/locales/en/translations.json index 4b9d0b65e..28ad9e5ce 100644 --- a/src/assets/locales/en/translations.json +++ b/src/assets/locales/en/translations.json @@ -51,11 +51,11 @@ "contact.email": "E-mail address", "contact.message": "Your message to us", "contact.mandatory-field": "Mandatory field", - "contact.error.name": "Your name is missing", - "contact.error.message": "Your message is missing", - "contact.error.email": "Your email is missing", - "contact.error.email-undefined": "Something is wrong with this email", - "contact.action.again-text": "Unfortunately, there was a mistake. Please try again. If this does not work, please send your message directly to", + "contact.error.name": "The field name is not filled in. Please fill in the field name to send the message.", + "contact.error.message": "The field message is not filled in. Please fill in the field message to send the message.", + "contact.error.email": "The field email is not filled in. Please fill in the field email to send the message.", + "contact.error.email-undefined": "Something is wrong with this email. Please check the email address and try again.", + "contact.action.again-text": "Unfortunately, there was a error. Please try again. If this does not work, please send your message directly to", "contact.action.missing": "Please fill in all required fields", "contact.action.send": "Send", "contact.action.again": "Send again", diff --git a/src/components/forms/text-area/text-area.tsx b/src/components/forms/text-area/text-area.tsx index baea48f8d..181dc5f3a 100644 --- a/src/components/forms/text-area/text-area.tsx +++ b/src/components/forms/text-area/text-area.tsx @@ -29,7 +29,10 @@ const StyledTextArea = styled.textarea<{ $hasError?: boolean }>` `; export const TextArea = ( - props: UseControllerProps & { label: string }, + props: UseControllerProps & { + label: string; + placeholder?: string; + }, ) => { const { field, fieldState, formState } = useController(props); const errorMessage = fieldState?.error?.message; @@ -50,6 +53,7 @@ export const TextArea = ( value={(field?.value as string) || ''} name={props.name} id={props.name} + placeholder={props.placeholder} /> {errorMessage && {errorMessage}} diff --git a/src/components/forms/text-input/text-input.tsx b/src/components/forms/text-input/text-input.tsx index 31bb907f5..db7451bc7 100644 --- a/src/components/forms/text-input/text-input.tsx +++ b/src/components/forms/text-input/text-input.tsx @@ -47,7 +47,10 @@ export const StyledErrorMessage = styled.span` `; export const TextInput = ( - props: UseControllerProps & { label: string }, + props: UseControllerProps & { + label: string; + placeholder?: string; + }, ) => { const { field, fieldState, formState } = useController(props); const errorMessage = fieldState?.error?.message; @@ -66,6 +69,7 @@ export const TextInput = ( $hasError={Boolean(errorMessage)} disabled={formState.isSubmitting} id={props.name} + placeholder={props.placeholder} {...field} value={(field?.value as string) || ''} /> diff --git a/src/components/layout/theme.tsx b/src/components/layout/theme.tsx index 75826ea31..8c1875c6d 100644 --- a/src/components/layout/theme.tsx +++ b/src/components/layout/theme.tsx @@ -19,7 +19,7 @@ export const theme: DefaultTheme = { secondary: 'rgba(32,40,64,0.5)', topline: '#3E61EE', timestamp: 'rgba(0, 0, 0, 0.65)', - errorMessage: '#FF0D35', + errorMessage: '#EB0027', header: { default: '#FFFFFF', light: '#3E61EE', diff --git a/src/components/pages/contact/address.tsx b/src/components/pages/contact/address.tsx index 80174fd1a..8f5cf80bb 100644 --- a/src/components/pages/contact/address.tsx +++ b/src/components/pages/contact/address.tsx @@ -29,7 +29,10 @@ export const Address = () => { 80331 München

- + Google Maps > diff --git a/src/components/pages/contact/contact-page.tsx b/src/components/pages/contact/contact-page.tsx index a2ece2ce8..01bc8be5b 100644 --- a/src/components/pages/contact/contact-page.tsx +++ b/src/components/pages/contact/contact-page.tsx @@ -6,7 +6,15 @@ import { ContentBlockContainer } from '../../layout/content-block-container'; import { Layout } from '../../layout/layout'; export const ContactPage = () => ( - }> + + + + } + >
diff --git a/src/components/pages/contact/form.tsx b/src/components/pages/contact/form.tsx index 3a7529d61..9feeb7ae2 100644 --- a/src/components/pages/contact/form.tsx +++ b/src/components/pages/contact/form.tsx @@ -95,7 +95,9 @@ export const Form = ({ onSuccess }: { onSuccess: () => any }) => { - * {t('contact.mandatory-field')} + + * {t('contact.mandatory-field')} + {t('contact.action.send')} diff --git a/src/components/pages/contact/honeypot.tsx b/src/components/pages/contact/honeypot.tsx index 2a01cf9b0..edb8525e1 100644 --- a/src/components/pages/contact/honeypot.tsx +++ b/src/components/pages/contact/honeypot.tsx @@ -14,7 +14,7 @@ export const HoneypotField = ( const { field } = useController(props); return ( -