fix: active menu item (#30)

Co-authored-by: Andrey <[email protected]>

Author: codenomnom

src/components/Navigation.astro

@@ -1,7 +1,8 @@
 ---
+import { stripPath } from "../utils";
+
 const pathname = new URL(Astro.request.url).pathname;
-const currentPath = pathname.slice(1); // remove the first "/"
-const isActive = (path: string) => currentPath === path ? 'active' : '';
+const isActive = (path: string) => stripPath(pathname) === path ? 'active' : '';
 ---
 
 <nav>

src/utils/index.ts

@@ -9,3 +9,13 @@ export function toDate(date?: Date, month: 'long' | 'short' = 'long') {
     year: "numeric",
   }) || '';
 }
+
+export function stripPath(path: string) {
+  if (path.startsWith('/')) {
+    path = path.substring(1);
+  }
+  if (path.endsWith('/')) {
+    path = path.slice(0, -1);
+  }
+  return path;
+}