From 830fa6f1f7df540a255fcfed32b3cc9000e122a2 Mon Sep 17 00:00:00 2001
From: Dessalines <dessalines@users.noreply.github.com>
Date: Mon, 18 Nov 2024 22:26:21 -0500
Subject: [PATCH] Adding join button. (#443)

* Adding join button.

- Fixes #440

* Abstracting button classes.

* Removing normal-case.
---
 src/shared/components/instances.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/instances.tsx b/src/shared/components/instances.tsx
index 30e3b53..d689d6a 100644
--- a/src/shared/components/instances.tsx
+++ b/src/shared/components/instances.tsx
@@ -132,6 +132,9 @@ class InstanceCard extends Component<InstanceCardProps, InstanceCardState> {
 
     const modalId = `modal_${domain}`;
 
+    const extraButtonClasses =
+      "btn btn-secondary btn-outline text-white max-md:btn-block";
+
     return (
       <div className="card card-bordered bg-neutral-900 shadow-xl">
         <div className="card-body p-4">
@@ -170,8 +173,14 @@ class InstanceCard extends Component<InstanceCardProps, InstanceCardState> {
             >
               {i18n.t("explore")}
             </a>
+            <a
+              className={extraButtonClasses}
+              href={`${buildUrl(domain)}/signup`}
+            >
+              {i18n.t("join")}
+            </a>
             <button
-              className="btn btn-secondary btn-outline text-white max-md:btn-block normal-case"
+              className={extraButtonClasses}
               onClick={linkEvent(this, handleModalClick)}
             >
               {i18n.t("more_information")}