Add Wavlake embed (#416)

* Add Wavlake embed * Prettify edits
2023-03-09 11:57:28 -06:00
parent 9b85f825e5
commit a3be3d0131
4 changed files with 27 additions and 1 deletions
--- a/packages/app/src/Element/WavlakeEmbed.tsx
+++ b/packages/app/src/Element/WavlakeEmbed.tsx
@ -0,0 +1,16 @@
+const WavlakeEmbed = ({ link }: { link: string }) => {
+  const convertedUrl = link.replace(/\/(track)\/([a-zA-Z0-9]+)/, "/embed/$1/$2");
+
+  return (
+    <iframe
+      style={{ borderRadius: 12 }}
+      src={convertedUrl}
+      width="100%"
+      height="360"
+      frameBorder="0"
+      allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+      loading="lazy"></iframe>
+  );
+};
+
+export default WavlakeEmbed;