From dbb9b64455c3e619efb3f7bb9c1efd8383f40eb9 Mon Sep 17 00:00:00 2001
From: Samir BENFARES <sbenfares@gmail.com>
Date: Fri, 10 Nov 2023 15:06:45 +0100
Subject: [PATCH 1/2] feat(ui): modif du tooltip et placeholder de l'email
 d'inscription

---
 .talismanrc                          |  2 ++
 ui/pages/auth/inscription/profil.tsx | 42 ++++++++++++++++++++++++++--
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/.talismanrc b/.talismanrc
index 6c048db9e..46e2f6267 100644
--- a/.talismanrc
+++ b/.talismanrc
@@ -105,6 +105,8 @@ fileignoreconfig:
   checksum: cf94ce9123fc9dee7fcf63a8b67bf6cbc26eb7594595cd8bd188853569f290b1
 - filename: ui/public/modele-import.xlsx
   checksum: 437a1f461d7764c51f288128de18506f4c22078c109238a41e8883a813b7ac55
+- filename: ui/pages/auth/inscription/profil.tsx
+  checksum: 7873a0ce38104e5b892c011bb99621e115cbc0a30bf3b02f916142213d488df8
 scopeconfig:
 - scope: node
 custom_patterns:
diff --git a/ui/pages/auth/inscription/profil.tsx b/ui/pages/auth/inscription/profil.tsx
index e173fbbab..933bc4bd5 100644
--- a/ui/pages/auth/inscription/profil.tsx
+++ b/ui/pages/auth/inscription/profil.tsx
@@ -17,6 +17,7 @@ import {
   RadioGroup,
   Spinner,
   Text,
+  Tooltip,
 } from "@chakra-ui/react";
 import { Field, Form, Formik } from "formik";
 import { useRouter } from "next/router";
@@ -302,8 +303,45 @@ function ProfileForm({ organisation, fixedEmail }: { organisation: Organisation;
                 isInvalid={meta.error && meta.touched}
                 isDisabled={fixedEmail !== ""}
               >
-                <FormLabel>Votre courriel</FormLabel>
-                <Input {...field} id={field.name} placeholder="Ex : jeandupont@mail.com" />
+                <FormLabel>
+                  Votre courriel
+                  <Tooltip
+                    background="bluefrance"
+                    color="white"
+                    label={
+                      <Box padding="1w">
+                        <Text as="p">
+                          Pour des raisons de sécurité, merci d&apos;utiliser un email nominatif professionnel lié à
+                          votre organisation.
+                        </Text>
+                        <Text as="p" mt="4">
+                          Exemples : prenom.nom@cfa-dumoulin.fr ou équivalent.
+                        </Text>
+                        <Text as="p" mt="4">
+                          Nous ne pouvons pas valider les emails (@gmail, @hotmail, @orange, etc.), ni les mails
+                          génériques (contact@, apprentissage@...).
+                        </Text>
+                        <Text as="p" mt="4">
+                          Si cela vous est impossible, merci de nous contacter à
+                          tableau-de-bord@apprentissage.beta.gouv.fr.
+                        </Text>
+                      </Box>
+                    }
+                    aria-label="Pour des raisons de sécurité, merci d'utiliser un email nominatif professionnel lié à votre organisation.
+                    Exemples : prenom.nom@cfa-dumoulin.fr ou équivalent. Nous ne pouvons pas valider les emails (@gmail, @hotmail, @orange, etc.), ni les mails génériques (contact@, apprentissage@...).
+                    Si cela vous est impossible, merci de nous contacter à tableau-de-bord@apprentissage.beta.gouv.fr."
+                  >
+                    <Box
+                      as="i"
+                      className="ri-information-line"
+                      fontSize="epsilon"
+                      color="grey.500"
+                      marginLeft="1w"
+                      verticalAlign="middle"
+                    />
+                  </Tooltip>
+                </FormLabel>
+                <Input {...field} id={field.name} placeholder="Ex : jeandupont@cfa.fr" />
                 <FormErrorMessage>{meta.error}</FormErrorMessage>
               </FormControl>
             )}

From bfe9b25a577a4d0bf9c44a5f106fd6b2c4eea77e Mon Sep 17 00:00:00 2001
From: Samir BENFARES <sbenfares@gmail.com>
Date: Fri, 10 Nov 2023 15:14:16 +0100
Subject: [PATCH 2/2] feat(ui): red icon

---
 ui/pages/auth/inscription/profil.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/pages/auth/inscription/profil.tsx b/ui/pages/auth/inscription/profil.tsx
index 933bc4bd5..4d3c6be7e 100644
--- a/ui/pages/auth/inscription/profil.tsx
+++ b/ui/pages/auth/inscription/profil.tsx
@@ -333,9 +333,9 @@ function ProfileForm({ organisation, fixedEmail }: { organisation: Organisation;
                   >
                     <Box
                       as="i"
-                      className="ri-information-line"
+                      className="ri-error-warning-line"
                       fontSize="epsilon"
-                      color="grey.500"
+                      color="red.500"
                       marginLeft="1w"
                       verticalAlign="middle"
                     />