From 9e92f718381e429b79938c61fd25bb2ec4857db9 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sat, 26 Nov 2022 16:03:21 +0630
Subject: [PATCH] refactor(a11y): update LinkButton for disabled state

---
 src/components/LinkButton.astro | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/LinkButton.astro b/src/components/LinkButton.astro
index 7f8d916..eaafa91 100644
--- a/src/components/LinkButton.astro
+++ b/src/components/LinkButton.astro
@@ -4,19 +4,20 @@ export interface Props {
   className?: string;
   ariaLabel?: string;
   title?: string;
-  tabindex?: string;
+  disabled?: boolean;
 }
 
-const { href, className, ariaLabel, title, tabindex } = Astro.props;
+const { href, className, ariaLabel, title, disabled = false } = Astro.props;
 ---
 
 <a
   type="button"
-  href={href}
-  tabindex={tabindex}
+  href={disabled ? "#" : href}
+  tabindex={disabled ? "-1" : "0"}
   class={`group ${className}`}
   aria-label={ariaLabel}
   title={title}
+  aria-disabled={disabled}
 >
   <slot />
 </a>