From a56344ea9aced15fc4d2932d48cb2efd7f452e94 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 21:28:17 +0100
Subject: Pulls out nav module

---
 src/components/Navbar/Breadcrumbs.astro | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/Navbar/Breadcrumbs.astro

(limited to 'src/components/Navbar/Breadcrumbs.astro')

diff --git a/src/components/Navbar/Breadcrumbs.astro b/src/components/Navbar/Breadcrumbs.astro
new file mode 100644
index 0000000..1e82fd9
--- /dev/null
+++ b/src/components/Navbar/Breadcrumbs.astro
@@ -0,0 +1,33 @@
+---
+import findAllIndicesOf from '$lib/findAllIndicesOf';
+import translate from '$i18n/translate';
+import tBreadcrumbs from '$i18n/translations/components/breadcrumbs';
+import type Locale from '$types/Locale';
+import locales from '$i18n/locales';
+
+const path = Astro.url.pathname.replace(/(?<!\/)$/, '/');
+const localeInPath = new RegExp(`/(?<=^/)(${locales.join('|')})`);
+const locale = path.match(localeInPath)?.[1] as Locale;
+if (!locale) {
+  return;
+}
+const pathWithoutLocale = path.replace(new RegExp(`^/${locale}`), '');
+const slashIndices = findAllIndicesOf('/', pathWithoutLocale);
+const parentRoutes = slashIndices.map((n) => pathWithoutLocale.slice(0, n + 1)).slice(0, -1);
+
+const t = translate(locale);
+---
+
+<ol class="nav__breadcrumbs">
+  {
+    parentRoutes.map((route) => {
+      return (
+        <li>
+          <a class="link" href={`/${locale}${route}`}>
+            {t(tBreadcrumbs, { key: route })}
+          </a>
+        </li>
+      );
+    })
+  }
+</ol>
-- 
cgit v1.2.3