noan.randon
/
Favor
3
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

popup follower du profil corriger
continuous-integration/drone/push Build encountered an error Details

Browse Source
master
Bastien OLLIER 2 years ago
parent 3478c60c80
commit 4350406120
2 changed files with 49 additions and 50 deletions
Show Stats Download Patch File Download Diff File

96
Site Web/client/src/pages/Profil.js
Unescape View File

@ -165,55 +165,53 @@ const Profil = () => {
</div> </div>
</div> </div>
{followingPopup && ( {followingPopup && (
<div className="popup-profil-container"> <div className="popup-profil-container">
<div className="modal"> <div className="modal">
<h3>Abonnements</h3> <h3>Abonnements</h3>
<span className="cross" onClick={() => setFollowingPopup(false)}> <span className="cross" onClick={() => setFollowingPopup(false)}>
&#10005; &#10005;
</span> </span>
<ul> <ul>
{ {
userData.following.map((follower, i) => { userData.following.map((follower, i) => {
return ( return (
<li key={i}> <li key={i}>
<MiniProfil uid={follower}/> <MiniProfil uid={follower}/>
<div classNameName="follow-handler"> <div classNameName="follow-handler">
<FollowHandler idToFollow={uid} type={'card'}/> <FollowHandler idToFollow={uid} type={'card'}/>
</div> </div>
</li> </li>
) )
}) })
} }
</ul> </ul>
</div> </div>
</div> </div>
)} )}
{followerPopup && ( {followerPopup && (
<div classNameName="popup-profil-container"> <div className="popup-profil-container">
<div classNameName="modal"> <div className="modal">
<h3>Abonnés</h3> <h3>Abonnements</h3>
<span classNameName="cross" onClick={() => setFollowerPopup(false)}> <span className="cross" onClick={() => setFollowerPopup(false)}>
&#10005; &#10005;
</span> </span>
<ul> <ul>
{ {
userData.followers.map((follower, i) => { userData.followers.map((follower, i) => {
return ( return (
<li key={i}> <li key={i}>
<MiniProfil uid={follower}/> <MiniProfil uid={follower}/>
<div classNameName="follow-handler"> <div classNameName="follow-handler">
<FollowHandler idToFollow={uid} type={'card'}/> <FollowHandler idToFollow={uid} type={'card'}/>
</div> </div>
</li> </li>
) )
}) })
} }
</ul> </ul>
</div> </div>
</div> </div>
)} )}
</div> </div>

3
Site Web/client/src/styles/pages/_profil.scss
Unescape View File

@ -59,6 +59,7 @@
position: absolute; position: absolute;
top: 10%; top: 10%;
left: 50%; left: 50%;
width: 500px;
transform: translate(-100%); transform: translate(-100%);
background: $color-2; background: $color-2;
padding: 25px; padding: 25px;
@ -223,7 +224,7 @@ width: 10%;
.imageProfil{ .imageProfil{
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.flex-menu { .flex-menu {

Write Preview
Loading…
Cancel
Save