Fix bug in path assignment for index search

amrit110 · amrit110 · commit 76932f4eec05 · 2025-10-01T21:26:05.000-04:00
diff --git a/catalog/app/layout.tsx b/catalog/app/layout.tsx
@@ -30,7 +30,8 @@ export default function RootLayout({
       <body className="antialiased">
         {children}
         {/* Pagefind UI - loads after static build */}
-        <Script src={`${basePath}/_pagefind/pagefind-ui.js`} strategy="afterInteractive" />
+        {/* Next.js automatically adds basePath from config, so just use relative path */}
+        <Script src="/_pagefind/pagefind-ui.js" strategy="afterInteractive" />
       </body>
     </html>
   );
diff --git a/catalog/components/search-bar.tsx b/catalog/components/search-bar.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { useEffect } from "react";
-import { getBasePath } from "@/lib/utils";
 
 interface PagefindUIOptions {
   element: HTMLElement;
@@ -34,6 +33,7 @@ export default function SearchBar() {
         if (!document.querySelector('link[href*="pagefind-ui.css"]')) {
           const link = document.createElement("link");
           link.rel = "stylesheet";
+          // Use basePath for CSS since it's loaded dynamically
           link.href = `${basePath}/_pagefind/pagefind-ui.css`;
           document.head.appendChild(link);
         }
