From 10e669a7257cb8f5961f5b6397048780b3fe2ad4 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:29:33 +0200
Subject: [PATCH] Code Refactor

---
 src/lib/components/Header.svelte     |  26 ++++---
 src/lib/components/NavbarList.svelte | 110 +++++++++++++--------------
 src/lib/styles/style.css             |   2 +-
 src/routes/+layout.svelte            |   1 -
 4 files changed, 72 insertions(+), 67 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 77b2af9..97c1d9d 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -9,7 +9,14 @@
 	<nav>
 		<ul>
 			<li>
-				<a href="https://jonasjones.dev/"><img style="padding-top: 7px;" src="/homepage.png" height="30px" alt="Homepage"></a>
+				<a href="https://jonasjones.dev/"
+					><img
+						style="padding-top: 7px;"
+						src="/homepage.png"
+						height="30px"
+						alt="Homepage"
+					/></a
+				>
 			</li>
 		</ul>
 	</nav>
@@ -62,15 +69,14 @@
 		clear: both;
 	}
 
+	@media screen and (max-width: 550px) {
+		header h1 {
+			font-size: 20px;
+		}
 
-@media screen and (max-width: 550px) {
-	header h1 {
-		font-size: 20px;
+		header {
+			margin: 0;
+			border-radius: 0;
+		}
 	}
-
-	header {
-		margin: 0;
-		border-radius: 0;
-	}
-}
 </style>
diff --git a/src/lib/components/NavbarList.svelte b/src/lib/components/NavbarList.svelte
index 89726f1..5cd78a8 100644
--- a/src/lib/components/NavbarList.svelte
+++ b/src/lib/components/NavbarList.svelte
@@ -1,73 +1,73 @@
 <script>
-	// @ts-nocheck
+    // @ts-nocheck
 
-	let data = import.meta.glob("/src/routes/**/+page.md");
-	let paths = data;
+    let data = import.meta.glob("/src/routes/**/+page.md");
+    let paths = data;
 
-	/**
-	 * @param {Record<string, () => Promise<unknown>>} paths
-	 */
-	function buildHierarchy(paths) {
-		const nestedList = {};
-		let fixedpaths = [];
-		/**
-		 * @type {string[]}
-		 */
-		let fixedpaths2 = [];
-		fixedpaths = Object.keys(paths);
-		fixedpaths.forEach((path) => {
-			const fixedpath = path
-				.replace("/+page.md", "")
-				.replace("/src/routes", "");
-			fixedpaths2.push(fixedpath);
-		});
-		fixedpaths2.forEach((folder) => {
-			const parts = folder.split("/").filter(Boolean);
-			let currentNode = nestedList;
+    /**
+     * @param {Record<string, () => Promise<unknown>>} paths
+     */
+    function buildHierarchy(paths) {
+        const nestedList = {};
+        let fixedpaths = [];
+        /**
+         * @type {string[]}
+         */
+        let fixedpaths2 = [];
+        fixedpaths = Object.keys(paths);
+        fixedpaths.forEach((path) => {
+            const fixedpath = path
+                .replace("/+page.md", "")
+                .replace("/src/routes", "");
+            fixedpaths2.push(fixedpath);
+        });
+        fixedpaths2.forEach((folder) => {
+            const parts = folder.split("/").filter(Boolean);
+            let currentNode = nestedList;
 
-			parts.forEach((part) => {
-				if (!currentNode[part]) {
-					currentNode[part] = {};
-				}
-				currentNode = currentNode[part];
-			});
-		});
+            parts.forEach((part) => {
+                if (!currentNode[part]) {
+                    currentNode[part] = {};
+                }
+                currentNode = currentNode[part];
+            });
+        });
 
-		return nestedList;
-	}
+        return nestedList;
+    }
 
-	const nestedFolders = buildHierarchy(paths);
+    const nestedFolders = buildHierarchy(paths);
 
-	function createHtmlList(obj, parentPath = "", depth = 0) {
-		let html = "";
+    function createHtmlList(obj, parentPath = "", depth = 0) {
+        let html = "";
 
-		for (const key in obj) {
-			const currentPath = parentPath ? `${parentPath}/${key}` : key;
+        for (const key in obj) {
+            const currentPath = parentPath ? `${parentPath}/${key}` : key;
 
-			if (
-				typeof obj[key] === "object" &&
-				Object.keys(obj[key]).length > 0
-			) {
-				// If the value is an object and not empty, create a nested div
-				html += `
+            if (
+                typeof obj[key] === "object" &&
+                Object.keys(obj[key]).length > 0
+            ) {
+                // If the value is an object and not empty, create a nested div
+                html += `
           	<li><h${depth + 3}><a href="/${currentPath}">${key}</a></h${
-					depth + 3
-				}></li>
+                    depth + 3
+                }></li>
             <ul>
               ${createHtmlList(obj[key], currentPath, depth + 1)}
             </ul>
         `;
-			} else {
-				// If the value is not an object or empty, create a clickable list item
-				html += `<li><a href="/${currentPath}">${key}</a></li>`;
-			}
-		}
+            } else {
+                // If the value is not an object or empty, create a clickable list item
+                html += `<li><a href="/${currentPath}">${key}</a></li>`;
+            }
+        }
 
-		return html;
-	}
+        return html;
+    }
 
-	//const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
-	let renderedList = createHtmlList(nestedFolders);
+    //const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
+    let renderedList = createHtmlList(nestedFolders);
 </script>
 
-{@html renderedList}
\ No newline at end of file
+{@html renderedList}
diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index 1d3439e..054968a 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -156,4 +156,4 @@ details a {
 		margin-bottom: 1rem;
 		border-radius: 0;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f47681f..f7341bd 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,6 @@
     import Header from "$lib/components/Header.svelte";
     import Footer from "$lib/components/Footer.svelte";
     import Navbar from "$lib/components/Navbar.svelte";
-
 </script>
 
 <Header />