✨ Add dynamic page titles on frontend

agentlabs-inc · Oct 16, 2023 · 4982b02 · 4982b02
1 parent 2ec74bd
commit 4982b02
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/frontend/src/routes/chat/+layout.svelte b/frontend/src/routes/chat/+layout.svelte
@@ -5,8 +5,19 @@
 	import RealtimeContext from "$lib/context/RealtimeContext.svelte";
 	import Chat from "$lib/components/chat/chat.svelte";
 	import AgentContext from "$lib/context/AgentContext.svelte";
+	import { mainContextStore } from "$lib/stores/main-context";
+
+	const projectName = $mainContextStore.publicProjectConfig?.name;
+	
+	if (!projectName) {
+		throw new Error("Project name is not defined, this is not expected to happen!");
+	}
 </script>
 
+<svelte:head>
+	<title>Chat | {projectName}</title>
+</svelte:head>
+
 <AuthOnly>
 	<AgentContext>
 		<RealtimeContext>

diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
@@ -62,6 +62,10 @@
 	$: auth2Methods = projectConfig?.authMethods.filter((m) => m.type == "OAUTH2") ?? [];
 </script>
 
+<svelte:head>
+	<title>Sign In | {projectConfig.name}</title>
+</svelte:head>
+
 <div
 	class="flex min-h-screen items-center justify-center bg-background-primary dark:bg-background-primary-dark">
 	<ThemeSwitch />

diff --git a/frontend/src/routes/project-not-found/+page.svelte b/frontend/src/routes/project-not-found/+page.svelte
@@ -4,6 +4,10 @@
 	import Typography from "$lib/components/common/typography/Typography.svelte";
 </script>
 
+<svelte:head>
+	<title>Not Found</title>
+</svelte:head>
+
 <div
 	class="min-h-screen flex items-center justify-center bg-background-primary dark:bg-background-primary-dark">
 	<div class="max-w-5xl">

diff --git a/frontend/src/routes/register/+page.svelte b/frontend/src/routes/register/+page.svelte
@@ -62,6 +62,10 @@
 	$: auth2Methods = projectConfig?.authMethods.filter((m) => m.type == "OAUTH2") ?? [];
 </script>
 
+<svelte:head>
+	<title>Sign Up | {projectConfig.name}</title>
+</svelte:head>
+
 <div
 	class="flex min-h-screen items-center justify-center bg-background-primary dark:bg-background-primary-dark">
 	<ThemeSwitch />