prevent sidebar disappearing when in modal

src/components/layouts/interior-page.tsx

@@ -3,13 +3,13 @@ import SideNav from "@components/menu/side-nav";
 import {PropsWithChildren} from "react";
 import {isDraftMode} from "@lib/drupal/utils";
 
-const InteriorPage = async ({children}: PropsWithChildren<any>) => {
+const InteriorPage = async ({children, currentPath}: PropsWithChildren<{ currentPath: string }>) => {
   const draftDev = isDraftMode();
   const {tree} = await getMenu('main', {}, draftDev);
 
   return (
     <div className="centered flex gap-20">
-      <SideNav menuItems={tree}/>
+      <SideNav menuItems={tree} currentPath={currentPath}/>
       <article className="flex-grow">
         {children}
       </article>

src/components/menu/side-nav.tsx

@@ -5,22 +5,8 @@ import useActiveTrail from "@lib/hooks/useActiveTrail";
 import Link from "@components/elements/link";
 import {DrupalMenuLinkContent} from "next-drupal";
 
-const getCurrentPageTitle = (activeTrail: string[], items: DrupalMenuLinkContent[], trail: string[]): string | undefined => {
-  const currentItem = items.find(item => item.id === trail.at(0));
-  if (!currentItem || currentItem === undefined) return;
-
-  if (currentItem.id === activeTrail.at(-1)) {
-    return currentItem.title;
-  }
-
-  if (currentItem.items && currentItem.items.length > 0 && trail.length > 1) {
-    return getCurrentPageTitle(activeTrail, currentItem.items, trail.slice(1));
-  }
-}
-
-
-const SideNav = ({menuItems}: { menuItems: DrupalMenuLinkContent[] }) => {
-  const activeTrail = useActiveTrail(menuItems);
+const SideNav = ({menuItems, currentPath}: { menuItems: DrupalMenuLinkContent[], currentPath?: string }) => {
+  const activeTrail = useActiveTrail(menuItems, currentPath);
 
   // Peel off the menu items from the parent.
   const topMenuItem = activeTrail.length > 0 ? menuItems.find(item => item.id === activeTrail[0]) : false;

src/components/nodes/pages/stanford-page/stanford-page-page.tsx

@@ -16,7 +16,7 @@ const StanfordPagePage = ({node}: { node: BasicPageNodeType }) => {
       </H1>
 
       {!fullWidth &&
-        <InteriorPage>
+        <InteriorPage currentPath={node.path.alias}>
           {node.su_page_components &&
             <Rows components={node.su_page_components}/>
           }

src/lib/hooks/useActiveTrail.tsx

@@ -4,8 +4,9 @@ import {usePathname} from "next/navigation";
 import {useMemo} from "react";
 import {DrupalMenuLinkContent} from "next-drupal";
 
-const useActiveTrail = (menuItems: DrupalMenuLinkContent[]) => {
-  const currentPath = usePathname();
+const useActiveTrail = (menuItems: DrupalMenuLinkContent[], originalPath?: string) => {
+  const pathName = usePathname();
+  const currentPath = originalPath || pathName;
 
   const getActiveTrail = (menuItems: DrupalMenuLinkContent[], trail: string[] = []): string[] => {
     let childTrail, currentTrail;