From 078db59040cbcf9df8ba65c4b177387ef177466c Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Thu, 21 May 2026 20:18:34 +0000
Subject: [PATCH] feat: extend BetaBadge with link and galaxy tracking support

---
 snippets/components/Badges/BetaBadge.jsx    | 21 +++++++++++++--
 snippets/components/BetaBadge/BetaBadge.jsx | 29 ++++++++++++++++++---
 2 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/snippets/components/Badges/BetaBadge.jsx b/snippets/components/Badges/BetaBadge.jsx
index 8d80734d..c0e7443b 100644
--- a/snippets/components/Badges/BetaBadge.jsx
+++ b/snippets/components/Badges/BetaBadge.jsx
@@ -1,4 +1,6 @@
 
+import { galaxyOnClick } from '/snippets/lib/galaxy.jsx';
+
 const Icon = () => {
     return (
         <div className="betaIcon">
@@ -12,7 +14,22 @@ const Icon = () => {
     )
 }
 
-export const BetaBadge = () => {
+export const BetaBadge = ({ link, galaxyTrack, galaxyEvent }) => {
+    if (link) {
+        return (
+            <a
+                href={link}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="betaBadge"
+                onClick={galaxyTrack && galaxyEvent ? galaxyOnClick(galaxyEvent) : undefined}
+            >
+                <Icon />
+                <span>Beta</span>
+            </a>
+        )
+    }
+
     return (
         <div className="betaBadge">
             <Icon />
@@ -26,4 +43,4 @@ export const BetaBadge = () => {
             </span>
         </div>
     )
-};
\ No newline at end of file
+};
diff --git a/snippets/components/BetaBadge/BetaBadge.jsx b/snippets/components/BetaBadge/BetaBadge.jsx
index 39966642..71544f6f 100644
--- a/snippets/components/BetaBadge/BetaBadge.jsx
+++ b/snippets/components/BetaBadge/BetaBadge.jsx
@@ -1,7 +1,8 @@
-export const BetaBadge = () => {
+import { galaxyOnClick } from '/snippets/lib/galaxy.jsx';
+
+const Icon = () => {
     return (
-        <div className="betaBadge">
-            <div className="betaIcon">
+        <div className="betaIcon">
             <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                     strokeWidth="1.25"
@@ -9,6 +10,28 @@ export const BetaBadge = () => {
                 />
             </svg>
         </div>
+    )
+}
+
+export const BetaBadge = ({ link, galaxyTrack, galaxyEvent }) => {
+    if (link) {
+        return (
+            <a
+                href={link}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="betaBadge"
+                onClick={galaxyTrack && galaxyEvent ? galaxyOnClick(galaxyEvent) : undefined}
+            >
+                <Icon />
+                <span>Beta</span>
+            </a>
+        )
+    }
+
+    return (
+        <div className="betaBadge">
+            <Icon />
             <span>
                 Beta feature.&nbsp;
                 <u>