UI improvements #24
@ -1,5 +1,7 @@
|
|||||||
import { useSelector } from "react-redux";
|
import { useSelector } from "react-redux";
|
||||||
import useEventPublisher from "../feed/EventPublisher";
|
import useEventPublisher from "../feed/EventPublisher";
|
||||||
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
|
import { faUserMinus, faUserPlus } from "@fortawesome/free-solid-svg-icons";
|
||||||
|
|
||||||
export default function FollowButton(props) {
|
export default function FollowButton(props) {
|
||||||
const pubkey = props.pubkey;
|
const pubkey = props.pubkey;
|
||||||
@ -21,7 +23,7 @@ export default function FollowButton(props) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={className} onClick={() => isFollowing ? unfollow(pubkey) : follow(pubkey)}>
|
<div className={className} onClick={() => isFollowing ? unfollow(pubkey) : follow(pubkey)}>
|
||||||
{isFollowing ? "Unfollow" : "Follow"}
|
<FontAwesomeIcon icon={isFollowing ? faUserMinus : faUserPlus} size="lg" />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
@ -46,7 +46,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.profile .btn-icon {
|
.profile .btn-icon {
|
||||||
padding: 2px 4px;
|
padding: 6px;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -38,7 +38,7 @@ export default function ProfilePage() {
|
|||||||
<div>
|
<div>
|
||||||
{isMe ? (
|
{isMe ? (
|
||||||
<div className="btn btn-icon" onClick={() => navigate("/settings")}>
|
<div className="btn btn-icon" onClick={() => navigate("/settings")}>
|
||||||
<FontAwesomeIcon icon={faGear} size="sm" />
|
<FontAwesomeIcon icon={faGear} size="lg" />
|
||||||
</div>
|
</div>
|
||||||
) : <FollowButton pubkey={id} />
|
) : <FollowButton pubkey={id} />
|
||||||
}
|
}
|
||||||
@ -55,7 +55,7 @@ export default function ProfilePage() {
|
|||||||
{lnurl ? <div className="lnurl f-ellipsis">
|
{lnurl ? <div className="lnurl f-ellipsis">
|
||||||
{lnurl}
|
{lnurl}
|
||||||
<div className="btn btn-icon" onClick={(e) => setShowLnQr(true)}>
|
<div className="btn btn-icon" onClick={(e) => setShowLnQr(true)}>
|
||||||
<FontAwesomeIcon icon={faQrcode} size="sm" />
|
<FontAwesomeIcon icon={faQrcode} size="lg" />
|
||||||
</div>
|
</div>
|
||||||
</div> : null}
|
</div> : null}
|
||||||
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
|
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
|
||||||
|
Loading…
Reference in New Issue
Block a user