31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { Link } from "react-router-dom";
|
|
import { NostrPrefix, tryParseNostrLink } from "@snort/system";
|
|
|
|
import Mention from "Element/Embed/Mention";
|
|
import NoteQuote from "Element/Event/NoteQuote";
|
|
|
|
export default function NostrLink({ link, depth }: { link: string; depth?: number }) {
|
|
const nav = tryParseNostrLink(link);
|
|
|
|
if (nav?.type === NostrPrefix.PublicKey || nav?.type === NostrPrefix.Profile) {
|
|
return <Mention pubkey={nav.id} relays={nav.relays} />;
|
|
} else if (nav?.type === NostrPrefix.Note || nav?.type === NostrPrefix.Event || nav?.type === NostrPrefix.Address) {
|
|
if ((depth ?? 0) > 0) {
|
|
const evLink = nav.encode();
|
|
return (
|
|
<Link to={`/e/${evLink}`} onClick={e => e.stopPropagation()} state={{ from: location.pathname }}>
|
|
#{evLink.substring(0, 12)}
|
|
</Link>
|
|
);
|
|
} else {
|
|
return <NoteQuote link={nav} depth={depth} />;
|
|
}
|
|
} else {
|
|
return (
|
|
<a href={link} onClick={e => e.stopPropagation()} target="_blank" rel="noreferrer" className="ext">
|
|
{link}
|
|
</a>
|
|
);
|
|
}
|
|
}
|