@@ -35,23 +35,29 @@ const childPages = (thisLink, children, level = 0) => (
3535
3636const pageTree = (thisLink, tree, level = 0) => {
3737 const router = useRouter();
38− const firstCrumb = "/" + router.asPath.split("/").slice(1).join("/");
38+ const firstCrumb = "/" + router.asPath.split("/").slice(1, -1).join("/");
3939
40− const thisPage = firstCrumb.includes(thisLink);
41− const [isOpen, toggleTree] = useState(thisPage);
40+ const includesThisPage = firstCrumb.includes(thisLink);
41+ const isThisPage = firstCrumb === thisLink;
42+ const [isOpen, toggleTree] = useState(includesThisPage);
43+
44+ console.log(thisLink);
45+ console.log(firstCrumb);
4246
4347 const activeClasses = classnames({
4448 hidden: !isOpen,
4549 });
4650
4751 const headerClass = classnames({
48− "text-gray": !thisPage,
52+ "text-gray": !isThisPage,
53+ dot: isThisPage,
4954 });
5055 return (
5156 <>
5257 <span
5358 className={
54− "font-medium text-lg cursor-pointer hover:text-black " + headerClass
59+ "font-medium text-lg cursor-pointer hover:text-black relative " +
60+ headerClass
5561 }
5662 onClick={() => toggleTree(!isOpen)}
5763 >