Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

larger icon buttons

Browse Source
This commit is contained in:
Alejandro Gomez 2023-01-10 13:41:55 +01:00
parent e93776f824
commit 23024b94c6
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/element/FollowButton.js
View File

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

2
src/pages/ProfilePage.css
View File

@ -46,7 +46,7 @@
} }
.profile .btn-icon { .profile .btn-icon {
padding: 2px 4px; padding: 6px;
margin-left: 4px; margin-left: 4px;
} }

4
src/pages/ProfilePage.js
View File

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