chore: update SidebarNavigation on docs site to fix double highlight bug

twilio-labs · Sep 28, 2023 · 0aee70f · 0aee70f
1 parent 32285ed
commit 0aee70f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx
@@ -215,7 +215,8 @@ const SiteSidebarNavigation = (): JSX.Element => {
       >
         <SidebarAnchor href={SidebarCategoryRoutes.COMPONENTS}>Overview</SidebarAnchor>
         {filteredComponentSidebarItems.map(({name, slug}: {[key: string]: string}) => {
-          const selected = pathname.includes(`${SidebarCategoryRoutes.COMPONENTS}/${slug}`);
+          const categoryRoute = `${SidebarCategoryRoutes.COMPONENTS}/${slug}`;
+          const selected = pathname.endsWith(categoryRoute) || pathname.includes(`${categoryRoute}/`);
           if (name === 'Icon') {
             return (
               <NavigationDisclosure