From 49aff14b9afdb3adf793fd646df11c565e91ba58 Mon Sep 17 00:00:00 2001
From: Alezco <benjaminmorali4@hotmail.fr>
Date: Thu, 5 Sep 2024 15:54:45 +0200
Subject: [PATCH] =?UTF-8?q?Retours=20suppl=C3=A9mentaires=20de=20code=20re?=
 =?UTF-8?q?view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../candidature-conseiller/CandidatureConseiller.jsx     | 6 +++++-
 src/views/candidature-conseiller/useGeoApi.js            | 8 +++++---
 .../candidature-coordinateur/CandidatureCoordinateur.jsx | 6 +++++-
 .../BesoinEnConseillerNumerique.jsx                      | 9 ++-------
 src/views/candidature-structure/CandidatureStructure.jsx | 8 +++++---
 src/views/candidature-validee/CandidatureValidee.css     | 5 +----
 src/views/candidature-validee/CandidatureValidee.jsx     | 1 +
 7 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/views/candidature-conseiller/CandidatureConseiller.jsx b/src/views/candidature-conseiller/CandidatureConseiller.jsx
index 0596f323..9e8b5f80 100644
--- a/src/views/candidature-conseiller/CandidatureConseiller.jsx
+++ b/src/views/candidature-conseiller/CandidatureConseiller.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import SommaireConseiller from './SommaireConseiller';
 import InformationsDeContact from './InformationsDeContact';
 import SituationEtExperience from './SituationEtExperience';
@@ -28,6 +28,10 @@ export default function CandidatureConseiller() {
   const navigate = useNavigate();
   useScrollToSection();
 
+  useEffect(() => {
+    document.title = 'Conseiller numérique - Devenir conseiller numérique';
+  }, []);
+
   const estSituationRemplie = formData => {
     const demandeurEmploi = formData.get('estDemandeurEmploi');
     const enEmploi = formData.get('estEnEmploi');
diff --git a/src/views/candidature-conseiller/useGeoApi.js b/src/views/candidature-conseiller/useGeoApi.js
index 976f5c02..68a5b320 100644
--- a/src/views/candidature-conseiller/useGeoApi.js
+++ b/src/views/candidature-conseiller/useGeoApi.js
@@ -1,19 +1,21 @@
 import { useState } from 'react';
 
 export const useGeoApi = () => {
-  const urlBase = 'https://geo.api.gouv.fr/communes?limit=10&fields=nom,code,codesPostaux,centre,codeDepartement,codeRegion,codeCom&';
+  const baseUrl = new URL('https://geo.api.gouv.fr/communes');
+  baseUrl.searchParams.set('limit', '10');
+  baseUrl.searchParams.set('fields', 'nom,code,codesPostaux,centre,codeDepartement,codeRegion,codeCom');
 
   const [villes, setVilles] = useState([]);
 
   const searchByName = async rechercheUtilisateur => {
-    const url = `${urlBase}&nom=${rechercheUtilisateur}`;
+    const url = `${baseUrl.toString()}&nom=${rechercheUtilisateur}`;
     const villes = await fetch(url);
     const resultat = await villes.json();
     setVilles(resultat);
   };
 
   const getVilleParCode = async codePostal => {
-    const url = `${urlBase}&code=${codePostal}`;
+    const url = `${baseUrl.toString()}&code=${codePostal}`;
     const ville = await fetch(url);
     return await ville.json();
   };
diff --git a/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx b/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
index ea988091..e08a5e5e 100644
--- a/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
+++ b/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import SommaireCoordinateur from './SommaireCoordinateur';
 import InformationsDeContact from '../candidature-structure/InformationsDeContact';
 import InformationsDeStructure from '../candidature-structure/InformationsDeStructure';
@@ -19,6 +19,10 @@ import '../candidature-conseiller/CandidatureConseiller.css';
 export default function CandidatureCoordinateur() {
   useScrollToSection();
 
+  useEffect(() => {
+    document.title = 'Conseiller numérique - Devenir coordinateur de conseillers numériques';
+  }, []);
+
   return (
     <div className="fr-container fr-mt-5w fr-mb-5w">
       <div className="fr-grid-row">
diff --git a/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx b/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
index 1bbc8490..39cdc4d6 100644
--- a/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
+++ b/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
@@ -3,9 +3,8 @@ import React from 'react';
 import BoutonRadio from '../../components/commun/BoutonRadio';
 import Datepicker from '../../components/commun/Datepicker';
 import Input from '../../components/commun/Input';
-import PropTypes from 'prop-types';
 
-export default function BesoinEnConseillerNumerique({ setDateAccueilConseillerNumerique }) {
+export default function BesoinEnConseillerNumerique() {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="votre-besoin-en-conseiller-numerique">
       <legend className="fr-h5">Votre besoin en conseiller(s) numérique(s)</legend>
@@ -24,13 +23,9 @@ export default function BesoinEnConseillerNumerique({ setDateAccueilConseillerNu
       </BoutonRadio>
       <hr />
       <p className="fr-mb-3w cc-bold">À partir de quand êtes vous prêt à accueillir votre conseiller numerique ?<span className="cc-obligatoire">*</span></p>
-      <Datepicker id="choisir-date" onChange={event => setDateAccueilConseillerNumerique(event.target.value)}>
+      <Datepicker id="choisir-date">
         Choisir une date
       </Datepicker>
     </fieldset >
   );
 }
-
-BesoinEnConseillerNumerique.propTypes = {
-  setDateAccueilConseillerNumerique: PropTypes.func,
-};
diff --git a/src/views/candidature-structure/CandidatureStructure.jsx b/src/views/candidature-structure/CandidatureStructure.jsx
index 3199ddf4..5e976217 100644
--- a/src/views/candidature-structure/CandidatureStructure.jsx
+++ b/src/views/candidature-structure/CandidatureStructure.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect } from 'react';
 import SommaireStructure from './SommaireStructure';
 import InformationsDeContact from './InformationsDeContact';
 import InformationsDeStructure from './InformationsDeStructure';
@@ -17,7 +17,9 @@ import '@gouvfr/dsfr/dist/component/sidemenu/sidemenu.min.css';
 import '../candidature-conseiller/CandidatureConseiller.css';
 
 export default function CandidatureStructure() {
-  const [dateAccueilConseillerNumerique, setDateAccueilConseillerNumerique] = useState();
+  useEffect(() => {
+    document.title = 'Conseiller numérique - Engager un conseiller numérique';
+  }, []);
 
   useScrollToSection();
 
@@ -33,7 +35,7 @@ export default function CandidatureStructure() {
           <form aria-label="Candidature structure" >
             <InformationsDeStructure />
             <InformationsDeContact />
-            <BesoinEnConseillerNumerique setDateAccueilConseillerNumerique={setDateAccueilConseillerNumerique} />
+            <BesoinEnConseillerNumerique />
             <Motivation />
             <Engagement />
             <button className="fr-btn cc-envoyer" type="submit">
diff --git a/src/views/candidature-validee/CandidatureValidee.css b/src/views/candidature-validee/CandidatureValidee.css
index b9fde8fd..cec63313 100644
--- a/src/views/candidature-validee/CandidatureValidee.css
+++ b/src/views/candidature-validee/CandidatureValidee.css
@@ -1,8 +1,5 @@
 .cv-contenu {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  text-align: center;
 }
 
 .cv-titre {
diff --git a/src/views/candidature-validee/CandidatureValidee.jsx b/src/views/candidature-validee/CandidatureValidee.jsx
index 5bb01b36..5baf5bee 100644
--- a/src/views/candidature-validee/CandidatureValidee.jsx
+++ b/src/views/candidature-validee/CandidatureValidee.jsx
@@ -5,6 +5,7 @@ import './CandidatureValidee.css';
 export default function CandidatureValidee() {
   useEffect(() => {
     window.scrollTo({ top: 0, behavior: 'smooth' });
+    document.title = 'Conseiller numérique - Candidature validée';
   }, []);
 
   return (