diff --git a/src/frontend/apps/desk/src/cunningham/cunningham-style.css b/src/frontend/apps/desk/src/cunningham/cunningham-style.css
index 55036a6..97c1ea3 100644
--- a/src/frontend/apps/desk/src/cunningham/cunningham-style.css
+++ b/src/frontend/apps/desk/src/cunningham/cunningham-style.css
@@ -103,6 +103,10 @@
color: var(--c--theme--colors--danger-600);
}
+.c__input__wrapper--error .labelled-box label.placeholder {
+ color: var(--c--theme--colors--danger-600);
+}
+
.c__input__wrapper--error:not(.c__input__wrapper--disabled):hover label {
color: var(--c--components--forms-input--border--color-error-hover);
}
diff --git a/src/frontend/apps/desk/src/features/mail-domains/assets/create-mailbox.svg b/src/frontend/apps/desk/src/features/mail-domains/assets/create-mailbox.svg
deleted file mode 100644
index 08de3aa..0000000
--- a/src/frontend/apps/desk/src/features/mail-domains/assets/create-mailbox.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
diff --git a/src/frontend/apps/desk/src/features/mail-domains/components/forms/CreateMailboxForm.tsx b/src/frontend/apps/desk/src/features/mail-domains/components/forms/CreateMailboxForm.tsx
index 658f15b..e8c95f8 100644
--- a/src/frontend/apps/desk/src/features/mail-domains/components/forms/CreateMailboxForm.tsx
+++ b/src/frontend/apps/desk/src/features/mail-domains/components/forms/CreateMailboxForm.tsx
@@ -19,16 +19,15 @@ import { createGlobalStyle } from 'styled-components';
import { z } from 'zod';
import { Box, Text, TextErrors } from '@/components';
-import { useCunninghamTheme } from '@/cunningham';
import { CreateMailboxParams, useCreateMailbox } from '../../api';
-import IconCreateMailbox from '../../assets/create-mailbox.svg';
import { MailDomain } from '../../types';
const FORM_ID: string = 'form-create-mailbox';
const GlobalStyle = createGlobalStyle`
.c__field__footer__top > .c__field__text {
+ text-align: left;
white-space: pre-line;
}
`;
@@ -42,20 +41,12 @@ export const CreateMailboxForm = ({
}) => {
const { t } = useTranslation();
const { toast } = useToastProvider();
- const { colorsTokens } = useCunninghamTheme();
const messageInvalidMinChar = t('You must have minimum 1 character');
const createMailboxValidationSchema = z.object({
- first_name: z
- .string()
- .min(
- 1,
- t('Please enter {{fieldName}}', { fieldName: 'your first name' }),
- ),
- last_name: z
- .string()
- .min(1, t('Please enter {{fieldName}}', { fieldName: 'your last name' })),
+ first_name: z.string().min(1, t('Please enter your first name')),
+ last_name: z.string().min(1, t('Please enter your last name')),
local_part: z
.string()
.regex(
@@ -70,8 +61,7 @@ export const CreateMailboxForm = ({
.regex(
/[^@\s]+@[^@\s]+\.[^@\s]+/,
t('Please enter a valid email address.\nE.g. : jean.dupont@mail.fr'),
- )
- .min(1, messageInvalidMinChar),
+ ),
});
const methods = useForm({
@@ -149,22 +139,15 @@ export const CreateMailboxForm = ({
}
size={ModalSize.MEDIUM}
title={
-
-
-
- {t('Create a mailbox')}
-
-
+
+ {t('Create a mailbox')}
+
}
>
@@ -172,6 +155,14 @@ export const CreateMailboxForm = ({
{!!causes?.length && (
)}
+
+ {t('All fields are mandatory.')}
+
{methods ? (