fix: anchor enclose tab to handle click

ccontrols · Dec 24, 2020 · c37dff9 · c37dff9
1 parent ede1422
commit c37dff9
Showing 1 changed file with 19 additions and 20 deletions.
diff --git a/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx b/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx
@@ -77,26 +77,25 @@ export const SidebarsStoryPage: FC<DocPageProps> = ({ type, doc }) => {
                 const route =
                   tab.route || (tab.title ? tab.title.toLowerCase() : '');
                 return (
-                  <Tab key={`tab_${route}`}>
-                    <Link
-                      href={
-                        story && story.id
-                          ? getStoryPath(
-                              story.id,
-                              tabIndex > 0 ? route : undefined,
-                            )
-                          : docId
-                          ? getDocumentPath(
-                              type,
-                              docId,
-                              tabIndex > 0 ? route : undefined,
-                            )
-                          : '#'
-                      }
-                    >
-                      {tab.title}
-                    </Link>
-                  </Tab>
+                  <Link
+                    key={`tab_${route}`}
+                    href={
+                      story && story.id
+                        ? getStoryPath(
+                            story.id,
+                            tabIndex > 0 ? route : undefined,
+                          )
+                        : docId
+                        ? getDocumentPath(
+                            type,
+                            docId,
+                            tabIndex > 0 ? route : undefined,
+                          )
+                        : '#'
+                    }
+                  >
+                    <Tab>{tab.title}</Tab>
+                  </Link>
                 );
               })}
             </TabList>