From 0baf3e436ff21ab417349882ef6ea8791514e693 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Wed, 11 Aug 2021 16:23:37 -0700
Subject: [PATCH] WIP

---
 src/client/components/ComicDetail.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/client/components/ComicDetail.tsx b/src/client/components/ComicDetail.tsx
index f4b43a5..6b9f802 100644
--- a/src/client/components/ComicDetail.tsx
+++ b/src/client/components/ComicDetail.tsx
@@ -128,7 +128,7 @@ export const ComicDetail = ({}: ComicDetailProps): ReactElement => {
     {
       id: 1,
       name: "Other Metadata",
-      content: <>bastard</>,
+      content: <div>bastard</div>,
     },
   ];
   const MetadataTabGroup = () => {
@@ -136,13 +136,13 @@ export const ComicDetail = ({}: ComicDetailProps): ReactElement => {
       <>
         <div className="tabs">
           <ul>
-            {tabGroup.map((tab, idx) => (
+            {tabGroup.map(({ id, name }) => (
               <li
-                key={idx}
-                className={tab.id === active ? "is-active" : ""}
-                onClick={() => setActive(idx)}
+                key={id}
+                className={id === active ? "is-active" : ""}
+                onClick={() => setActive(id)}
               >
-                <a>{tab.name}</a>
+                <a>{name}</a>
               </li>
             ))}
           </ul>