|
|
|
@ -16,25 +16,20 @@ const FollowMode = ({
|
|
|
|
|
onDisconnect,
|
|
|
|
|
}: FollowModeProps) => {
|
|
|
|
|
return (
|
|
|
|
|
<div style={{ position: "relative" }}>
|
|
|
|
|
<div className="follow-mode" style={{ width, height }}>
|
|
|
|
|
<div className="follow-mode__badge">
|
|
|
|
|
<div className="follow-mode__badge__label">
|
|
|
|
|
Following{" "}
|
|
|
|
|
<span
|
|
|
|
|
className="follow-mode__badge__username"
|
|
|
|
|
title={userToFollow.username}
|
|
|
|
|
>
|
|
|
|
|
{userToFollow.username}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
onClick={onDisconnect}
|
|
|
|
|
className="follow-mode__disconnect-btn"
|
|
|
|
|
<div className="follow-mode" style={{ width, height }}>
|
|
|
|
|
<div className="follow-mode__badge">
|
|
|
|
|
<div className="follow-mode__badge__label">
|
|
|
|
|
Following{" "}
|
|
|
|
|
<span
|
|
|
|
|
className="follow-mode__badge__username"
|
|
|
|
|
title={userToFollow.username}
|
|
|
|
|
>
|
|
|
|
|
{CloseIcon}
|
|
|
|
|
</button>
|
|
|
|
|
{userToFollow.username}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<button onClick={onDisconnect} className="follow-mode__disconnect-btn">
|
|
|
|
|
{CloseIcon}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|