diff --git a/frontend/src/assets/css/toast.css b/frontend/src/assets/css/toast.css index 8fb192c0a..4e6acf9e2 100644 --- a/frontend/src/assets/css/toast.css +++ b/frontend/src/assets/css/toast.css @@ -26,11 +26,11 @@ div.toast div.toast-content span.title { margin-bottom: 15px; } -.success { +.toast-success { background-color: #43A047; } -.error { +.toast-error { background-color: #B00020; } diff --git a/frontend/src/components/Toast.tsx b/frontend/src/components/Toast.tsx index a0cde2966..d8e4de4eb 100644 --- a/frontend/src/components/Toast.tsx +++ b/frontend/src/components/Toast.tsx @@ -17,7 +17,7 @@ const Toast = ({ title, text, status }: ToastProps) => { const [close, setClose] = useState(false) return ( !close && ( -
+
{status === 'success' ? : }
{title && {title}} diff --git a/frontend/src/lang/common.ts b/frontend/src/lang/common.ts index b8976d7ca..bcc405bb5 100644 --- a/frontend/src/lang/common.ts +++ b/frontend/src/lang/common.ts @@ -71,7 +71,7 @@ const strings = new LocalizedStrings({ ALL: 'Tous', TOS: "J'ai lu et j'accepte les conditions générales d'utilisation.", BIRTH_DATE: 'Date de naissance', - RECAPTCHA_ERROR: 'Veuillez remplir le captcha pour continuer.', + RECAPTCHA_ERROR: 'Erreur reCAPTCHA', TOS_ERROR: "Veuillez accepter les conditions générales d'utilisation.", BIRTH_DATE_NOT_VALID: `Vous devez avoir au moins ${env.MINIMUM_AGE} ans.`, BIRTH_DATE_NOT_VALID_PART1: 'Le conducteur doit avoir au moins', @@ -157,7 +157,7 @@ const strings = new LocalizedStrings({ ALL: 'All', TOS: 'I read and agree with the Terms of Use.', BIRTH_DATE: 'Birth date', - RECAPTCHA_ERROR: 'Fill out the captcha to continue.', + RECAPTCHA_ERROR: 'reCAPTCHA error', TOS_ERROR: 'Please accept the Terms of Use.', BIRTH_DATE_NOT_VALID: `You must be at least ${env.MINIMUM_AGE} years old.`, BIRTH_DATE_NOT_VALID_PART1: 'The driver must be at least', @@ -243,7 +243,7 @@ const strings = new LocalizedStrings({ ALL: 'Todos', TOS: 'He leído y acepto los términos de uso.', BIRTH_DATE: 'Fecha de nacimiento', - RECAPTCHA_ERROR: 'Por favor, complete el captcha para continuar.', + RECAPTCHA_ERROR: 'Error de reCAPTCHA', TOS_ERROR: 'Por favor, acepte los términos de uso.', BIRTH_DATE_NOT_VALID: `Debe tener al menos ${env.MINIMUM_AGE} años.`, BIRTH_DATE_NOT_VALID_PART1: 'El conductor debe tener al menos',