modal information TBP migration

src/components/anonymous/Login.js

@@ -115,7 +115,7 @@ function Login() {
       {showModalVerifyCode &&
         <ModalVerifyCode setShowModalVerifyCode={setShowModalVerifyCode} email={username} />
       }
-      {role === 'structure' &&
+      {['admin', 'structure', 'hub'].includes(role ?? error?.role) &&
         <dialog aria-labelledby="fr-modal-confirm-siret" role="dialog" id="fr-modal-confirm-siret" className="fr-modal modalOpened">
           <div className="fr-container fr-container--fluid fr-container-md">
             <div className="fr-grid-row fr-grid-row--center">
@@ -124,7 +124,7 @@ function Login() {
                   <div className="fr-modal__header"></div>
                   <div className="fr-modal__content">
                     <h1 id="fr-modal-title-modal-1" className="fr-modal__title">
-                      A partir de maintenant l&rsquo;espace Coop structure &eacute;volue et devient &quot;Le tableau de pilotage&quot;
+                      A partir de maintenant l&rsquo;espace Coop {role ?? error?.role} &eacute;volue et devient &quot;Le tableau de pilotage&quot;
                     </h1>
                     <p>
                       <strong>Pourquoi un changement de nom et d&rsquo;interface ?</strong><br />

src/services/user.service.js

@@ -87,7 +87,11 @@ function handleResponse(response) {
     const rolesAllowed = ['conseiller', 'admin_coop', 'hub_coop'];
     if (rolesAllowed.filter(role => roles.includes(role)).length === 0) {
       logout();
-      return Promise.reject({ error: 'Identifiants incorrects' });
+      const roleNotAllowed = roles.find(role => ['admin', 'structure', 'hub'].includes(role));
+      if (roleNotAllowed) {
+        window.location.href = `/login?role=${roleNotAllowed}`;
+      }
+      return Promise.reject({ error: 'Vous n\'avez pas accès à cette application' });
     }
     if (data.user?.passwordCreated === false) {
       logout();