From d1ca0029397398fbfe575614e3a251570652c766 Mon Sep 17 00:00:00 2001
From: itsMapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Thu, 4 Aug 2022 10:34:09 -0500
Subject: [PATCH] fix links, closes #17

---
 packages/reacord/library/core/reacord-discord-js.ts | 13 ++++++++++++-
 packages/reacord/scripts/discordjs-manual-test.tsx  |  5 +++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/reacord/library/core/reacord-discord-js.ts b/packages/reacord/library/core/reacord-discord-js.ts
index 33aacfb..7661b70 100644
--- a/packages/reacord/library/core/reacord-discord-js.ts
+++ b/packages/reacord/library/core/reacord-discord-js.ts
@@ -353,6 +353,17 @@ function getDiscordMessageOptions(reacordOptions: MessageOptions) {
             }
           }
 
+          if (component.type === "link") {
+            return {
+              type: Discord.ComponentType.Button,
+              url: component.url,
+              label: component.label ?? "",
+              style: Discord.ButtonStyle.Link,
+              disabled: component.disabled,
+              emoji: component.emoji,
+            }
+          }
+
           if (component.type === "select") {
             return {
               ...component,
@@ -364,7 +375,7 @@ function getDiscordMessageOptions(reacordOptions: MessageOptions) {
             }
           }
 
-          raise(`Unsupported component type: ${component.type}`)
+          raise(`Unsupported component type: ${(component as any).type}`)
         },
       ),
     })),
diff --git a/packages/reacord/scripts/discordjs-manual-test.tsx b/packages/reacord/scripts/discordjs-manual-test.tsx
index ccb4bf4..ebf97db 100644
--- a/packages/reacord/scripts/discordjs-manual-test.tsx
+++ b/packages/reacord/scripts/discordjs-manual-test.tsx
@@ -6,6 +6,7 @@ import * as React from "react"
 import { useState } from "react"
 import {
   Button,
+  Link,
   Option,
   ReacordDiscordJs,
   Select,
@@ -132,3 +133,7 @@ await createTest("delete this", (channel) => {
   }
   reacord.send(channel.id, <DeleteThis />)
 })
+
+await createTest("link", (channel) => {
+  reacord.send(channel.id, <Link label="hi" url="https://mapleleaf.dev" />)
+})