fix: expanding chapter are incorrectly expanding (#1949)

* fix: expanding chapter are incorrectly expanding

* chore: add debug message

* chore: remove pathPrefix from location

.changeset/brave-beans-learn.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-docs/gatsby-theme-docs': patch
+---
+
+Expandible chapters state needs to be changed based on the exact matching of the location, instead of a loose "includes"

packages/gatsby-theme-docs/src/layouts/internals/sidebar.js

@@ -31,6 +31,7 @@ import {
   isRightChapter,
   isRightChapterRecursive,
 } from './sidebar.utils';
+import { useSiteData } from '../../hooks/use-site-data';
 
 const ReleaseNotesIcon = createStyledIcon(Icons.ReleaseNotesSvgIcon);
 
@@ -323,10 +324,12 @@ const ChapterItem = styled.div`
 `;
 
 const Chapter = (props) => {
-  const isSelectedChapter = isRightChapter(props.chapter, props.location);
+  const { pathPrefix } = useSiteData();
+  const pathnameNoPrefix = props.location.pathname.replace(pathPrefix, '');
+  const isSelectedChapter = isRightChapter(props.chapter, pathnameNoPrefix);
   const isSSRSelectedChapter = isRightChapterRecursive(
     props.chapter,
-    props.location
+    pathnameNoPrefix
   );
   const { ancestorsMap } = useSidebarNavigationItems();
   const chapterId =

packages/gatsby-theme-docs/src/layouts/internals/sidebar.utils.js

@@ -24,21 +24,19 @@ export const getItemAncestors = (chapterId, ancestorsMap) => {
   return [].concat(...ancestorsArray);
 };
 
-export const isRightChapter = (chapter, loc) => {
-  return (
-    chapter.pages.find((page) => loc.pathname.includes(page.path)) !== undefined
-  );
+export const isRightChapter = (chapter, pathname) => {
+  return chapter.pages.find((page) => pathname === page.path) !== undefined;
 };
 
-export const isRightChapterRecursive = (chapter, loc) => {
-  if (!loc) {
+export const isRightChapterRecursive = (chapter, pathname) => {
+  if (!pathname) {
     return false;
   }
   return (
     chapter.pages.find((page) =>
       page.pages
-        ? isRightChapterRecursive(page, loc)
-        : loc.pathname.includes(page.path)
+        ? isRightChapterRecursive(page, pathname)
+        : pathname === page.path
     ) !== undefined
   );
 };