fix: set activeKey with navigation

openedx · Oct 16, 2024 · a31836e · a31836e
1 parent ded2f07
commit a31836e
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/library-authoring/LibraryAuthoringPage.tsx b/src/library-authoring/LibraryAuthoringPage.tsx
@@ -152,15 +152,17 @@ const LibraryAuthoringPage = ({ returnToLibrarySelection }: LibraryAuthoringPage
     openInfoSidebar,
   } = useLibraryContext();
 
-  const currentPath = location.pathname.split('/').pop();
-  let initialActiveKey: string | undefined;
-  if (componentPickerMode || currentPath === libraryId || currentPath === '') {
-    initialActiveKey = TabList.home;
-  } else if (currentPath && currentPath in TabList) {
-    initialActiveKey = TabList[currentPath];
-  }
+  const [activeKey, setActiveKey] = useState<string | undefined>('');
+
+  useEffect(() => {
+    const currentPath = location.pathname.split('/').pop();
 
-  const [activeKey, setActiveKey] = useState<string | undefined>(initialActiveKey);
+    if (componentPickerMode || currentPath === libraryId || currentPath === '') {
+      setActiveKey(TabList.home);
+    } else if (currentPath && currentPath in TabList) {
+      setActiveKey(TabList[currentPath]);
+    }
+  }, [location.pathname]);
 
   useEffect(() => {
     if (!componentPickerMode) {