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