feat: navbar link ts-utils to be active

Author: robertkibet

docs/public/index.js

@@ -38,24 +38,31 @@
         linkText.target = update.target;
 
         linkTemplateParent.appendChild(link);
+        link.classList.add('active');
       });
     }
   });
 
   // update ts-utils link
 
   const links = document?.querySelectorAll('a p');
+  const linksNavbar = document?.querySelectorAll('.VPNavBarMenu .VPLink.link');
 
   const tsUtilsLink = Array?.from(links)?.filter((link) => {
     return link?.innerText === 'ts-utils';
   });
+  const tsUtilsLinkNavbar = Array?.from(linksNavbar)?.filter((link) => {
+    return link?.innerHTML.includes('ts-utils');
+  });
 
-  if (tsUtilsLink?.length === 0) return;
+  if (tsUtilsLink?.length === 0 || tsUtilsLinkNavbar?.length === 0) return;
 
   const tsUtilsLinkWrapper = tsUtilsLink[0]?.parentElement?.parentElement?.parentElement;
+  const [navbarLink] = tsUtilsLinkNavbar;
 
   tsUtilsLinkWrapper?.classList.add('is-active');
   tsUtilsLinkWrapper?.classList.add('has-active');
+  navbarLink?.classList.add('active');
 
   const callback = (mutations) => {
     mutations?.forEach((mutation) => {
@@ -67,6 +74,10 @@
         if (!tsUtilsLinkWrapper?.classList?.contains('has-active')) {
           tsUtilsLinkWrapper?.classList?.add('has-active');
         }
+
+        if (!navbarLink?.classList?.contains('active')) {
+          navbarLink?.classList?.add('active');
+        }
       }
     });
   };