Add className prop to GlowingBtn component

Xcceleran-do · Mar 20, 2024 · e1cd978 · e1cd978
1 parent 2c424bb
commit e1cd978
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/GlowingBtn.astro b/src/components/GlowingBtn.astro
@@ -3,12 +3,13 @@ export interface Props {
   text: string;
   href: string;
   fontSize?: string;
+  className?: string;
 }
 
-const { text, href, fontSize } = Astro.props;
+const { text, href, fontSize, className } = Astro.props;
 ---
 
-<a class="btn" href={href} target="_blank">{text}</a>
+<a class=`btn ${className}` href={href} target="_blank">{text}</a>
 
 <style define:vars={{ fontSize }}>
   .btn {

diff --git a/src/components/sections/Joinus.astro b/src/components/sections/Joinus.astro
@@ -28,11 +28,11 @@ import GlowingBtn from "../GlowingBtn.astro";
       </div>
     </div>
     <div class="mt-12 md:mt-16 mb-16">
-      <a
+      <GlowingBtn
         href="https://social.mindplex.ai/public/local"
-        class="btn-glow text-2xl md:text-4xl"
-        style="font-size: 26px;">Join Us</a
-      >
+        text="Join Us"
+        className="text-2xl md:text-4xl"
+      />
     </div>
   </div>
 </section>