From a3befc323762911b511c9162497481a226f2c48e Mon Sep 17 00:00:00 2001
From: Nassim Tabchiche <n.tabchiche2@gmail.com>
Date: Wed, 25 Dec 2024 10:39:12 +0100
Subject: [PATCH 1/3] Add page title to library detail

---
 .../src/routes/(app)/(internal)/libraries/[id=uuid]/+page.ts  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.ts b/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.ts
index 3aa9915b2..7e62b5f40 100644
--- a/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.ts
+++ b/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.ts
@@ -3,9 +3,11 @@ import type { PageLoad } from './$types';
 export const load: PageLoad = async ({ fetch, params, url }) => {
 	const endpoint = `/libraries/${params.id}`;
 	const queryParams = url.searchParams.toString();
+	const library = await fetch(`${endpoint}?${queryParams}`).then((res) => res.json());
 
 	return {
 		tree: fetch(`${endpoint}/tree?${queryParams}`).then((res) => res.json()) ?? {},
-		library: await fetch(`${endpoint}?${queryParams}`).then((res) => res.json())
+		library,
+		title: library.name
 	};
 };

From 90b923f39b003c9b3aa7f45e651285894394bf41 Mon Sep 17 00:00:00 2001
From: Nassim Tabchiche <n.tabchiche2@gmail.com>
Date: Wed, 25 Dec 2024 10:42:43 +0100
Subject: [PATCH 2/3] Add page title to experimental

---
 frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte | 7 ++-----
 .../src/routes/(app)/(internal)/experimental/+page.svelte  | 3 +++
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte b/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
index 79adbf2e5..a3c0ddbe8 100644
--- a/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
+++ b/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
@@ -40,13 +40,10 @@
 
 	afterNavigate(async () => {
 		$breadcrumbs = await trimBreadcrumbsToCurrentPath($breadcrumbs, $page.url.pathname);
-	});
-
-	$: {
-		$pageTitle = getPageTitle();
 		if ($breadcrumbs.length < 2)
 			breadcrumbs.push([{ label: $pageTitle, href: $page.url.pathname }]);
-	}
+		$pageTitle = getPageTitle();
+	});
 </script>
 
 <ol class="breadcrumb-nonresponsive h-6 overflow-hidden whitespace-nowrap">
diff --git a/frontend/src/routes/(app)/(internal)/experimental/+page.svelte b/frontend/src/routes/(app)/(internal)/experimental/+page.svelte
index 751686494..7d9f0920f 100644
--- a/frontend/src/routes/(app)/(internal)/experimental/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/experimental/+page.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
 	import Article from '$lib/components/DataViz/Article.svelte';
+	import { pageTitle } from '$lib/utils/stores';
+
+	$pageTitle = 'Experimental';
 </script>
 
 <div class="bg-white grid grid-cols-2 p-4 gap-4">

From 25744873b5d53a1baf5565cb42a73f23d51f3340 Mon Sep 17 00:00:00 2001
From: Nassim Tabchiche <n.tabchiche2@gmail.com>
Date: Tue, 31 Dec 2024 02:05:54 +0100
Subject: [PATCH 3/3] Move back getPageTitle call to reactive statement

---
 frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte b/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
index a3c0ddbe8..79adbf2e5 100644
--- a/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
+++ b/frontend/src/lib/components/Breadcrumbs/Breadcrumbs.svelte
@@ -40,10 +40,13 @@
 
 	afterNavigate(async () => {
 		$breadcrumbs = await trimBreadcrumbsToCurrentPath($breadcrumbs, $page.url.pathname);
+	});
+
+	$: {
+		$pageTitle = getPageTitle();
 		if ($breadcrumbs.length < 2)
 			breadcrumbs.push([{ label: $pageTitle, href: $page.url.pathname }]);
-		$pageTitle = getPageTitle();
-	});
+	}
 </script>
 
 <ol class="breadcrumb-nonresponsive h-6 overflow-hidden whitespace-nowrap">