diff --git a/src/components/embed-types/index.ts b/src/components/embed-types/index.ts index c06b29727..b87ee716e 100644 --- a/src/components/embed-types/index.ts +++ b/src/components/embed-types/index.ts @@ -8,3 +8,5 @@ export * from "./emoji"; export * from "./image"; export * from "./cashu"; export * from "./video"; +export * from "./simplex"; +export * from "./reddit"; diff --git a/src/components/embed-types/simplex.tsx b/src/components/embed-types/simplex.tsx new file mode 100644 index 000000000..4a7d8bce0 --- /dev/null +++ b/src/components/embed-types/simplex.tsx @@ -0,0 +1,21 @@ +import { Button, Image, Link } from "@chakra-ui/react"; +import { ExternalLinkIcon } from "../icons"; + +export function renderSimpleXLink(match: URL) { + if (match.hostname !== "simplex.chat") return null; + if (!match.pathname.startsWith("/contact")) return null; + + return ( + + ); +} diff --git a/src/components/note/text-note-contents.tsx b/src/components/note/text-note-contents.tsx index 97eaa30cd..bf6c45e8f 100644 --- a/src/components/note/text-note-contents.tsx +++ b/src/components/note/text-note-contents.tsx @@ -24,9 +24,10 @@ import { embedCashuTokens, renderStemstrUrl, renderSoundCloudUrl, + renderSimpleXLink, + renderRedditUrl, } from "../embed-types"; import { LightboxProvider } from "../lightbox-provider"; -import { renderRedditUrl } from "../embed-types/reddit"; function buildContents(event: NostrEvent | DraftNostrEvent, simpleLinks = false) { let content: EmbedableContent = [event.content.trim()]; @@ -36,6 +37,7 @@ function buildContents(event: NostrEvent | DraftNostrEvent, simpleLinks = false) // common content = embedUrls(content, [ + renderSimpleXLink, renderYoutubeUrl, renderTwitterUrl, renderRedditUrl,