Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: open on zapstr link

Browse Source
This commit is contained in:
Kieran 2023-05-15 13:09:59 +01:00
parent 3f8cb11e36
commit a2e81b479d
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/Element/ZapstrEmbed.tsx
View File

@ -1,9 +1,12 @@
import "./ZapstrEmbed.css"; import "./ZapstrEmbed.css";
import { Link } from "react-router-dom";
import useEventFeed from "Feed/EventFeed"; import useEventFeed from "Feed/EventFeed";
import Spinner from "Icons/Spinner"; import Spinner from "Icons/Spinner";
import { NostrLink } from "Util"; import { NostrLink } from "Util";
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "Element/ProxyImg";
import ProfileImage from "Element/ProfileImage"; import ProfileImage from "Element/ProfileImage";
import { FormattedMessage } from "react-intl";
export default function ZapstrEmbed({ link }: { link: NostrLink }) { export default function ZapstrEmbed({ link }: { link: NostrLink }) {
const ev = useEventFeed(link); const ev = useEventFeed(link);
@ -16,7 +19,7 @@ export default function ZapstrEmbed({ link }: { link: NostrLink }) {
const refPersons = ev.data.tags.filter(a => a[0] === "p"); const refPersons = ev.data.tags.filter(a => a[0] === "p");
return ( return (
<> <>
<div className="flex zapstr"> <div className="flex zapstr mb10">
<ProxyImg src={cover?.[1] ?? ""} size={100} /> <ProxyImg src={cover?.[1] ?? ""} size={100} />
<div className="flex f-col"> <div className="flex f-col">
<div> <div>
@ -30,6 +33,11 @@ export default function ZapstrEmbed({ link }: { link: NostrLink }) {
</div> </div>
</div> </div>
</div> </div>
<Link to={`https://zapstr.live/?track=${link.encode()}`} target="_blank">
<button>
<FormattedMessage defaultMessage="Open on Zapstr" />
</button>
</Link>
</> </>
); );
} }