From 879ecc072fd48e58b448a45da8586ad4d9f54754 Mon Sep 17 00:00:00 2001
From: Azalea Gui <me@hydev.org>
Date: Thu, 9 Feb 2023 20:13:15 -0500
Subject: [PATCH] [+] Breadcrumbs

---
 src/App.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 306b2b5..4ef0de8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -38,6 +38,7 @@ function getIcon(f: File)
 
 export default function App() {
   const [api] = createResource(fetchApi)
+  const paths = [window.location.host, ...path.split("/").filter(it => it)]
 
   return (
     // Full screen container
@@ -49,8 +50,13 @@ export default function App() {
         <p class="text-4xl color-emp text-center py-10">File Listing</p>
 
         {/* Breadcrumbs */}
-        <div>
-          
+        <div id="breadcrumbs" class="flex gap-2 bg-dark-600 p-2 px-5 mb-5 rounded-xl">
+          <For each={paths}>{(p, i) => 
+            <>
+              <span class="color-sub" classList={{active: i() + 1 == paths.length}}>{p}</span>
+              <span class="color-subsub last:hidden">/</span>
+            </>
+          }</For>
         </div>
         
         {api.loading && "Loading..."}