verbiricha/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests Activity

DM button on profile

Browse Source
This commit is contained in:
Kieran 2023-01-14 12:25:08 +00:00
parent 1c0eaf4844
commit 1c987096fd
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
3 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.css
View File

@ -273,6 +273,10 @@ body.scroll-lock {
margin-right: 10px;
}
.mr5 {
margin-right: 5px;
}
.ml5 {
margin-left: 5px;
}

4
src/pages/ProfilePage.css
View File

@ -10,10 +10,6 @@
white-space: pre-wrap;
}
.profile .name {
align-items: flex-start;
}
.profile .name h2 {
margin: 0;
}

28
src/pages/ProfilePage.js
View File

@ -4,12 +4,12 @@ import Nostrich from "../nostrich.jpg";
import { useEffect, useMemo, useState } from "react";
import { useSelector } from "react-redux";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faQrcode, faGear } from "@fortawesome/free-solid-svg-icons";
import { faQrcode, faGear, faEnvelope } from "@fortawesome/free-solid-svg-icons";
import { useNavigate, useParams } from "react-router-dom";
import useProfile from "../feed/ProfileFeed";
import FollowButton from "../element/FollowButton";
import { extractLnAddress, parseId } from "../Util";
import { extractLnAddress, parseId, hexToBech32 } from "../Util";
import Timeline from "../element/Timeline";
import { extractLinks, extractHashtags } from '../Text'
import LNURLTip from "../element/LNURLTip";
@ -50,20 +50,30 @@ export default function ProfilePage() {
return (
<>
<div className="flex name">
<div className="f-grow">
<h2>{user?.display_name || user?.name}</h2>
<Copy text={params.id} />
{user?.nip05 && <Nip05 name={name} domain={domain} isVerified={isVerified} couldNotVerify={couldNotVerify} />}
</div>
<div>
<div className="f-grow f-ellipsis">
<h2>{user?.display_name || user?.name}</h2></div>
<div className="flex">
{isMe ? (
<div className="btn btn-icon" onClick={() => navigate("/settings")}>
<FontAwesomeIcon icon={faGear} size="lg" />
</div>
) : <FollowButton pubkey={id} />
) : <>
<div className="btn mr5" onClick={() => navigate(`/messages/${hexToBech32("npub", id)}`)}>
<FontAwesomeIcon icon={faEnvelope} size="lg" />
</div>
<FollowButton pubkey={id} />
</>
}
</div>
</div>
<div className="flex">
<div className="f-grow">
<Copy text={params.id} />
{user?.nip05 && <Nip05 name={name} domain={domain} isVerified={isVerified} couldNotVerify={couldNotVerify} />}
</div>
</div>
<p>{about}</p>
{user?.website && (