fix: MAJ wording mineure dépôt d'offres (#1698)

* MAJ wording mineure dépôt d'offres Suite échange avec Claire et Léo * Update offre.tsx * Update offre.tsx * Update FormulaireCreationOffre.tsx * Update RomeDetailReadOnly.tsx * Update RomeDetail.tsx * Update SearchFormResponsive.tsx Suppression du texte "Votre recherche" présent uniquement sur les vues responsive du moteur de recherche, pour améliorer la lisibilité en mode mobile * Update InformationCreationCompte.tsx * Update InformationLegaleEntreprise.tsx * Update InformationCreationCompte.tsx * Update InfosDiffusionOffre.tsx * Update InfosDiffusionOffre.tsx * fix: pinaillage * feat: ajustement * feat: espacement --------- Co-authored-by: Alan Le Ruyet <[email protected]>
mission-apprentissage · Dec 13, 2024 · d0255a6 · d0255a6
1 parent b9c9766
commit d0255a6
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 29 deletions.
diff --git a/ui/components/DepotOffre/InfosDiffusionOffre.tsx b/ui/components/DepotOffre/InfosDiffusionOffre.tsx
@@ -1,18 +1,13 @@
-import { Box, Flex, Heading, Image, Stack, Text } from "@chakra-ui/react"
+import { Box, Heading, Image, Stack, Text } from "@chakra-ui/react"
 
-import { InfoCircle } from "@/theme/components/icons"
 import { J1S, Parcoursup } from "@/theme/components/logos"
 
 export const InfosDiffusionOffre = () => {
   return (
     <Box border="1px solid #000091" p={5}>
       <Heading fontSize="24px" mb={3}>
-        Dites-nous en plus sur votre besoin en recrutement
+        Profitez d'une visibilité accrue
       </Heading>
-      <Flex alignItems="flex-start" mb={6} justify="flex-start">
-        <InfoCircle mr={2} mt={1} color="bluefrance.500" />
-        <Text textAlign="justify">Cela permettra à votre offre d'être visible des candidats intéressés.</Text>
-      </Flex>
       <Box ml={5}>
         <Text>Une fois créée, votre offre d’emploi sera immédiatement mise en ligne sur les sites suivants : </Text>
         <Stack direction={["column", "row"]} spacing={2} align="center" justify="center" mt={3}>

diff --git a/ui/components/DepotOffre/RomeDetail.tsx b/ui/components/DepotOffre/RomeDetail.tsx
@@ -82,9 +82,6 @@ export const RomeDetail = ({
       <Heading fontSize="24px" mb="16px" lineHeight="32px">
         {appellation}
       </Heading>
-      <Text fontSize="14px" color="#3A3A3A" lineHeight="24px">
-        La fiche métier se base sur la classification ROME de France Travail
-      </Text>
       <Text backgroundColor="#F5F5FE" padding="12px" color="#000091" fontSize="16px" lineHeight="24px" my="12px">
         Voici la description de l’offre qui sera consultable par les candidats.
         <br />
@@ -143,6 +140,9 @@ export const RomeDetail = ({
           <span dangerouslySetInnerHTML={{ __html: accesFormatted }}></span>
         </CustomAccordion>
       </Accordion>
+      <Text fontSize="14px" color="#3A3A3A" lineHeight="24px">
+        La fiche métier se base sur la classification ROME de France Travail
+      </Text>
     </Box>
   )
 }

diff --git a/ui/components/DepotOffre/RomeDetailReadOnly.tsx b/ui/components/DepotOffre/RomeDetailReadOnly.tsx
@@ -46,9 +46,6 @@ export const RomeDetailReadOnly = ({
       <Heading fontSize="24px" mb="16px" lineHeight="32px">
         {appellation}
       </Heading>
-      <Text fontSize="14px" color="#3A3A3A" lineHeight="24px">
-        La fiche métier se base sur la classification ROME de France Travail
-      </Text>
       <Accordion defaultIndex={[0]} allowMultiple>
         <CustomAccordion id="metier" header={<AccordionHeader>Descriptif du métier</AccordionHeader>}>
           <ul style={{ marginLeft: 16 }}>
@@ -95,6 +92,9 @@ export const RomeDetailReadOnly = ({
           <span dangerouslySetInnerHTML={{ __html: accesFormatted }}></span>
         </CustomAccordion>
       </Accordion>
+      <Text fontSize="14px" color="#3A3A3A" lineHeight="24px">
+        La fiche métier se base sur la classification ROME de France Travail
+      </Text>
     </Box>
   )
 }
diff --git a/ui/components/SearchForTrainingsAndJobs/components/SearchFormResponsive.tsx b/ui/components/SearchForTrainingsAndJobs/components/SearchFormResponsive.tsx
@@ -80,9 +80,6 @@ const SearchFormResponsive = (props) => {
               </Text>
               <Flex direction={{ base: "column", lg: "row" }}>
                 <Box mb={4}>
-                  <Text as="p" my={2} fontWeight={700}>
-                    Votre recherche
-                  </Text>
                   <Box {...focusWithin}>
                     <AutoCompleteField
                       id="searchFormJobField"

diff --git a/ui/components/espace_pro/Authentification/CreationCompte.tsx b/ui/components/espace_pro/Authentification/CreationCompte.tsx
@@ -274,9 +274,9 @@ export default function CreationCompte({ type, isWidget = false, origin = "lba"
                 Dépot simplifié d'offre en alternance
               </Text>
             )}
-            <Heading>Identifiez votre entreprise</Heading>
+            <Heading>Vous recrutez des alternants ?</Heading>
             <Text fontSize="20px" textAlign="justify" mt={2} mb={4}>
-              Vous recrutez des alternants ? Précisez la raison sociale ou le numéro de SIRET de votre établissement.
+              Précisez le nom ou le numéro de SIRET de votre établissement.
             </Text>
             <CreationCompteForm organisationType={organisationType} setBandeau={setBandeau} origin={origin} isWidget={isWidget} onSelectOrganisation={onSelectOrganisation} />
           </Box>

diff --git a/ui/components/espace_pro/Authentification/InformationCreationCompte.tsx b/ui/components/espace_pro/Authentification/InformationCreationCompte.tsx
@@ -136,10 +136,9 @@ const FormulaireLayout = ({ left, right }) => {
         <Box fontSize="20px" mb={4}>
           <Text textAlign="justify" mt={2}>
             {type === AUTHTYPE.ENTREPRISE
-              ? "Les informations de contact et l'adresse postale de votre établissement seront visibles sur vos offres et permettront de recevoir les candidatures."
-              : "Les informations de contact et l'adresse postale de votre établissement seront visibles sur les offres de vos entreprises partenaires"}
+              ? "Le numéro de téléphone et l'adresse postale de votre établissement seront visibles sur vos offres. L'email sera destinataire des candidatures."
+              : "Le numéro de téléphone et l'adresse postale de votre établissement seront visibles sur les offres de vos entreprises partenaires. L'email sera destinataire des candidatures."}
           </Text>
-          <Text>Elles peuvent être modifiées ultérieurement.</Text>
         </Box>
         <Box>{left}</Box>
       </Box>

diff --git a/ui/components/espace_pro/FormulaireCreationOffre.tsx b/ui/components/espace_pro/FormulaireCreationOffre.tsx
@@ -436,11 +436,8 @@ export const FormulaireCreationOffre = ({
             Dépot simplifié d'offre en alternance
           </Text>
         )}
-        <Heading>Votre besoin de recrutement</Heading>
-        <Text fontSize="20px" textAlign="justify" mt={2} mb={4}>
-          Merci de renseigner les champs ci-dessous pour créer votre offre
-        </Text>
-        <Box>
+        <Heading>Votre offre</Heading>
+        <Box mt={4}>
           <FormikCreationOffre onRomeChange={onRomeChange} onSubmit={onSubmit} offre={offre} competencesDirty={competencesDirty} />
         </Box>
       </Box>

diff --git a/ui/components/espace_pro/InformationLegaleEntreprise.tsx b/ui/components/espace_pro/InformationLegaleEntreprise.tsx
@@ -36,7 +36,7 @@ export const InformationLegaleEntreprise = ({ siret, type, opco }: InformationLe
       {raisonSociale && user?.type !== OPCO && (
         <Flex alignItems="flex-start" mb={10}>
           <InfoCircle mr={2} mt={1} />
-          <Text>Vérifiez que les informations pré-remplies soient correctes avant de continuer.</Text>
+          <Text>Vérifiez que les informations pré-remplies sont correctes avant de continuer.</Text>
         </Flex>
       )}
       {!raisonSociale && (

diff --git a/ui/pages/espace-pro/creation/offre.tsx b/ui/pages/espace-pro/creation/offre.tsx
@@ -14,7 +14,7 @@ export default function DepotRapideAjouterVoeux() {
       <Bandeau
         type="success"
         header={`Votre compte a été créé avec succès${displayBanner === "true" ? " et est en attente de vérification" : ""}.`}
-        description="Vous pouvez d’ores et déjà créer une offre de recrutement."
+        description="Déposez votre offre dès maintenant."
       />
       <Box mt={10}>
         <FormulaireCreationOffre />

diff --git a/ui/pages/espace-pro/widget/entreprise/offre.tsx b/ui/pages/espace-pro/widget/entreprise/offre.tsx
@@ -13,7 +13,7 @@ export const WidgetEntrepriseOffre = () => {
       <Bandeau
         type="success"
         header={`Votre compte a été créé avec succès${displayBanner === "true" ? " et est en attente de vérification" : ""}.`}
-        description="Vous pouvez d’ores et déjà créer une offre de recrutement."
+        description="Déposez votre offre dès maintenant."
       />
       <Box mt={10}>
         <FormulaireCreationOffre />