about summary refs log tree commit diff
path: root/bskyembed/src/components/link.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-04-13 03:58:40 +0100
committerGitHub <noreply@github.com>2024-04-13 03:58:40 +0100
commit4b3ec5573241b9c71504dfd0bd5f181cbde19a49 (patch)
tree698c2463b389cdf6e14536610e8f96f200ddaaa3 /bskyembed/src/components/link.tsx
parent8e29b1f63309ef9ac2da21f62e03b66d477244e9 (diff)
downloadvoidsky-4b3ec5573241b9c71504dfd0bd5f181cbde19a49.tar.zst
[Embeds] Embed subdomain landing page (#3501)
* add build output to web build

* simplify post-build step by copying everything at once

* make script that converts placeholder -> iframe

* dynamically resize iframe based on inner content

Requires the iframe content to `postMessage` its height back up to the parent

* add lang to embed

* svg explicit height -> viewBox

* add build output to web build

* simplify post-build step by copying everything at once

* attempt to fix go embed issue

* rm changes to bskyweb

* remove another bskyweb change

* embed landing page

* Drop xl breakpoint, too far down

* Remove pointer enter behavior

* Avoid button width jump

* Escape HTML

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'bskyembed/src/components/link.tsx')
-rw-r--r--bskyembed/src/components/link.tsx21
1 files changed, 21 insertions, 0 deletions
diff --git a/bskyembed/src/components/link.tsx b/bskyembed/src/components/link.tsx
new file mode 100644
index 000000000..7226ecf3d
--- /dev/null
+++ b/bskyembed/src/components/link.tsx
@@ -0,0 +1,21 @@
+import {h} from 'preact'
+
+export function Link({
+  href,
+  className,
+  ...props
+}: {
+  href: string
+  className?: string
+} & h.JSX.HTMLAttributes<HTMLAnchorElement>) {
+  return (
+    <a
+      href={href.startsWith('http') ? href : `https://bsky.app${href}`}
+      target="_blank"
+      rel="noopener noreferrer nofollow"
+      onClick={evt => evt.stopPropagation()}
+      className={`cursor-pointer ${className || ''}`}
+      {...props}
+    />
+  )
+}