feat: listen to activeLink changes

kadena-community · Aug 21, 2023 · 325aecc · 325aecc
1 parent f1a1655
commit 325aecc
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx
@@ -13,6 +13,7 @@ import React, {
   FC,
   FunctionComponentElement,
   HTMLAttributeAnchorTarget,
+  useEffect,
 } from 'react';
 
 export interface INavItem {
@@ -36,6 +37,10 @@ export const NavHeaderNavigation: FC<INavHeaderNavigationProps> = ({
   const { glowX, animationDuration, glowRef, navRef, activeNav, setActiveNav } =
     useGlow(activeLink);
 
+  useEffect(() => {
+    if (activeLink) setActiveNav(activeLink);
+  }, [activeLink]);
+
   return (
     <nav className={navWrapperClass} ref={navRef}>
       <div