From 4350406120606dc7ffcf5bbe44433c6f9e58014d Mon Sep 17 00:00:00 2001
From: "bastien.ollier@etu.uca.fr" <bastien.ollier@etu.uca.fr>
Date: Thu, 19 Jan 2023 18:57:04 +0100
Subject: [PATCH] popup follower du profil corriger

---
 Site Web/client/src/pages/Profil.js           | 96 +++++++++----------
 Site Web/client/src/styles/pages/_profil.scss |  3 +-
 2 files changed, 49 insertions(+), 50 deletions(-)

diff --git a/Site Web/client/src/pages/Profil.js b/Site Web/client/src/pages/Profil.js
index dba5422f..db213473 100644
--- a/Site Web/client/src/pages/Profil.js	
+++ b/Site Web/client/src/pages/Profil.js	
@@ -165,55 +165,53 @@ const Profil = () => {
                   </div> 
                 </div>
                   {followingPopup && (
-                                <div className="popup-profil-container">
-                                <div className="modal">
-                                    <h3>Abonnements</h3>
-                                    <span className="cross" onClick={() => setFollowingPopup(false)}>
-                                    &#10005;
-                                    </span>
-                                    <ul>
-                                        {
-                                            userData.following.map((follower, i) => {
-                                                return (
-                                                    <li key={i}>
-                                                        <MiniProfil uid={follower}/>
-                                                        <div classNameName="follow-handler">
-                                                            <FollowHandler idToFollow={uid} type={'card'}/>
-                                                        </div>
-                                                    </li>
-                                                )
-                                            })
-                                        }
-                                    </ul>
-                                </div>
-                                </div>
-                            )}
-                            {followerPopup && (
-                                <div classNameName="popup-profil-container">
-                                <div classNameName="modal">
-                                    <h3>Abonnés</h3>
-                                    <span classNameName="cross" onClick={() => setFollowerPopup(false)}>
-                                    &#10005;
-                                    </span>
-                                    <ul>
-                                        {
-                                            userData.followers.map((follower, i) => {
-                                                return (
-                                                    <li key={i}>
-                                                        <MiniProfil uid={follower}/>
-                                                        <div classNameName="follow-handler">
-                                                            <FollowHandler idToFollow={uid} type={'card'}/>
-                                                        </div>
-                                                    </li>
-                                                )
-                                            })
-                                        }
-                                    </ul>
-                                </div>
-                                </div>
-                            )}
-
-                
+                      <div className="popup-profil-container">
+                          <div className="modal">
+                              <h3>Abonnements</h3>
+                              <span className="cross" onClick={() => setFollowingPopup(false)}>
+                                  &#10005;
+                              </span>
+                              <ul>
+                                  {
+                                      userData.following.map((follower, i) => {
+                                          return (
+                                              <li key={i}>
+                                                  <MiniProfil uid={follower}/>
+                                                  <div classNameName="follow-handler">
+                                                      <FollowHandler idToFollow={uid} type={'card'}/>
+                                                  </div>
+                                              </li>
+                                          )
+                                      })
+                                  }
+                              </ul>
+                          </div>
+                      </div>
+                  )}
+                {followerPopup && (
+                    <div className="popup-profil-container">
+                        <div className="modal">
+                            <h3>Abonnements</h3>
+                            <span className="cross" onClick={() => setFollowerPopup(false)}>
+                                  &#10005;
+                              </span>
+                            <ul>
+                                {
+                                    userData.followers.map((follower, i) => {
+                                        return (
+                                            <li key={i}>
+                                                <MiniProfil uid={follower}/>
+                                                <div classNameName="follow-handler">
+                                                    <FollowHandler idToFollow={uid} type={'card'}/>
+                                                </div>
+                                            </li>
+                                        )
+                                    })
+                                }
+                            </ul>
+                        </div>
+                    </div>
+                )}
             </div>
 
 
diff --git a/Site Web/client/src/styles/pages/_profil.scss b/Site Web/client/src/styles/pages/_profil.scss
index 69fb79b4..c60df4a6 100644
--- a/Site Web/client/src/styles/pages/_profil.scss	
+++ b/Site Web/client/src/styles/pages/_profil.scss	
@@ -59,6 +59,7 @@
       position: absolute;
       top: 10%;
       left: 50%;
+      width: 500px;
       transform: translate(-100%);
       background: $color-2;
       padding: 25px;
@@ -223,7 +224,7 @@ width: 10%;
 
 .imageProfil{
   display: flex;
-justify-content: center;
+  justify-content: center;
 }
 
 .flex-menu {