Merge pull request #1007 from parlemonde/feat-vil-625/transition-popup

Feat vil 625/transition popup
parlemonde · Nov 13, 2024 · 6139944 · 6139944
2 parents e274921 + c6c9e6e
commit 6139944
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/src/components/WelcomeModal/SecondPhase.tsx b/src/components/WelcomeModal/SecondPhase.tsx
@@ -49,9 +49,15 @@ export const SecondPhase = () => {
           <>
             <div
               id="new-user-desc"
-              style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', marginTop: '2rem' }}
+              style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}
             >
-              <div style={{ display: 'flex', justifyContent: 'center', gap: '2rem' }}>
+              <div>
+                <p>Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 :</p>
+                <a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
+                  Vos retours sur la phase 1 d&apos;1Village 2024/25
+                </a>
+              </div>
+              <div style={{ display: 'flex', justifyContent: 'center', gap: '2rem', marginTop: '2rem' }}>
                 <div>
                   <p>Si vous n&apos;avez pas encore résolu l&apos;énigme avec votre classe, retournez sur la phase 1.</p>
                   <Button
@@ -96,13 +102,6 @@ export const SecondPhase = () => {
                   </Button>
                 </div>
               </div>
-
-              <div style={{ marginTop: '2rem' }}>
-                Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 :{' '}
-                <a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
-                  Vos retours sur la phase 1 d&apos;1Village 2024/25
-                </a>
-              </div>
             </div>
           </>
         }

diff --git a/src/components/WelcomeModal/ThirdPhase.tsx b/src/components/WelcomeModal/ThirdPhase.tsx
@@ -14,7 +14,7 @@ export const ThirdPhase = () => {
   const { enqueueSnackbar } = useSnackbar();
   const [isModalOpen, setIsModalOpen] = React.useState(true);
   const urlForm = 'https://docs.google.com/forms/d/e/1FAIpQLSfncEkPDYsPjK3RCjX_YBUC2uNxD-RAd2Bn_KGlimv765M-Vw/viewform';
-  const textToDisplay = 'Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 : ';
+  const textToDisplay = 'Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 2 : ';
   const textForUrl = "Vos retours sur la phase 2 d'1Village 2024/25";
 
   if (!user) {
@@ -51,9 +51,15 @@ export const ThirdPhase = () => {
           <>
             <div
               id="new-user-desc"
-              style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', marginTop: '2rem' }}
+              style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}
             >
-              <div style={{ display: 'flex', justifyContent: 'center', gap: '2rem' }}>
+              <div>
+                <p>{textToDisplay}</p>
+                <a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
+                  {textForUrl}
+                </a>
+              </div>
+              <div style={{ display: 'flex', justifyContent: 'center', gap: '2rem', marginTop: '2rem' }}>
                 <div>
                   <p>{'Si vous voulez poursuivre les échanges avec vos pélicopains, retournez sur la phase 2'}</p>
                   <Button
@@ -98,13 +104,6 @@ export const ThirdPhase = () => {
                   </Button>
                 </div>
               </div>
-
-              <div style={{ marginTop: '2rem' }}>
-                {textToDisplay}
-                <a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
-                  {textForUrl}
-                </a>
-              </div>
             </div>
           </>
         }