From d95b5bfedbb3ca00a85ac59e5a85a33bd0f764fa Mon Sep 17 00:00:00 2001
From: ousamazemzami <ozemzami@tellus.fr>
Date: Fri, 8 Nov 2024 16:20:07 +0100
Subject: [PATCH 1/2] Modification of transition popup

---
 src/components/WelcomeModal/SecondPhase.tsx | 17 ++++++++---------
 src/components/WelcomeModal/ThirdPhase.tsx  | 17 ++++++++---------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/WelcomeModal/SecondPhase.tsx b/src/components/WelcomeModal/SecondPhase.tsx
index 502586ae9..4055e8b71 100644
--- 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>
+                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 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
index b675f6b48..209b628cc 100644
--- a/src/components/WelcomeModal/ThirdPhase.tsx
+++ b/src/components/WelcomeModal/ThirdPhase.tsx
@@ -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>
+                {textToDisplay}
+                <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>
           </>
         }

From c6c9e6eabc728050b922e860f11bd1a94f14e131 Mon Sep 17 00:00:00 2001
From: ousamazemzami <ozemzami@tellus.fr>
Date: Fri, 8 Nov 2024 17:14:44 +0100
Subject: [PATCH 2/2] Modification of transition popup

---
 src/components/WelcomeModal/SecondPhase.tsx | 2 +-
 src/components/WelcomeModal/ThirdPhase.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/WelcomeModal/SecondPhase.tsx b/src/components/WelcomeModal/SecondPhase.tsx
index 4055e8b71..048deea0d 100644
--- a/src/components/WelcomeModal/SecondPhase.tsx
+++ b/src/components/WelcomeModal/SecondPhase.tsx
@@ -52,7 +52,7 @@ export const SecondPhase = () => {
               style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}
             >
               <div>
-                Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 :{' '}
+                <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>
diff --git a/src/components/WelcomeModal/ThirdPhase.tsx b/src/components/WelcomeModal/ThirdPhase.tsx
index 209b628cc..bed4b7a82 100644
--- 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) {
@@ -54,7 +54,7 @@ export const ThirdPhase = () => {
               style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}
             >
               <div>
-                {textToDisplay}
+                <p>{textToDisplay}</p>
                 <a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
                   {textForUrl}
                 </a>