|
|
|
@ -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)}>
|
|
|
|
|
✕
|
|
|
|
|
</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)}>
|
|
|
|
|
✕
|
|
|
|
|
</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)}>
|
|
|
|
|
✕
|
|
|
|
|
</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)}>
|
|
|
|
|
✕
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|