From 59bcddea132772e7e1317f79405ec6c7b709f446 Mon Sep 17 00:00:00 2001
From: Joe Banks <joe@jb3.dev>
Date: Mon, 29 Apr 2024 02:27:08 +0100
Subject: Add tabindex to tags for keyboard navigation

---
 src/pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/pages/index.tsx')

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 71b9312..33ba6fe 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -51,7 +51,7 @@ const IndexPage: React.FC<IndexPageProps> = ({ data }) => {
     <PageLayout header="Available Services" subheader="Below are all the internal services for Python Discord">
       <main>
         <div>
-          <LargerTag onClick={() => setSelectedTag(null)} className={selectedTag == null ? "active" : ""}>All</LargerTag>
+          <LargerTag tabIndex={0} onClick={() => setSelectedTag(null)} className={selectedTag == null ? "active" : ""}>All</LargerTag>
           {data.services.tags.map((tag, index) => (
             <LargerTag onClick={() => setSelectedTag(tag)} className={tag == selectedTag ? "active" : ""} key={index}>{capitalize(tag)}</LargerTag>
           ))}
-- 
cgit v1.2.3

