From 287c95e72d080a4649293bcd685721890bc0ad0d Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 2 Apr 2024 06:17:51 -0700
Subject: [PATCH] refac: dedicated shared chat page

---
 src/routes/{(app) => }/s/[id]/+page.svelte | 33 +++-------------------
 1 file changed, 4 insertions(+), 29 deletions(-)
 rename src/routes/{(app) => }/s/[id]/+page.svelte (82%)

diff --git a/src/routes/(app)/s/[id]/+page.svelte b/src/routes/s/[id]/+page.svelte
similarity index 82%
rename from src/routes/(app)/s/[id]/+page.svelte
rename to src/routes/s/[id]/+page.svelte
index 2b522620..6a6d1096 100644
--- a/src/routes/(app)/s/[id]/+page.svelte
+++ b/src/routes/s/[id]/+page.svelte
@@ -121,18 +121,6 @@
 			}
 		}
 	};
-
-	const scrollToBottom = () => {
-		if (messagesContainerElement) {
-			messagesContainerElement.scrollTop = messagesContainerElement.scrollHeight;
-		}
-	};
-
-	onMount(async () => {
-		if (!($settings.saveChatHistory ?? true)) {
-			await goto('/');
-		}
-	});
 </script>
 
 <svelte:head>
@@ -144,26 +132,13 @@
 </svelte:head>
 
 {#if loaded}
-	<div class="min-h-screen max-h-screen w-full flex flex-col">
-		<Navbar
-			{title}
-			bind:selectedModels
-			bind:showModelSelector
-			shareEnabled={false}
-			initNewChat={async () => {
-				goto('/');
-			}}
-		/>
+	<div
+		class="min-h-screen max-h-screen w-full flex flex-col text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-900"
+	>
 		<div class="flex flex-col flex-auto">
 			<div
-				class=" pb-2.5 flex flex-col justify-between w-full flex-auto overflow-auto h-0"
+				class=" py-6 flex flex-col justify-between w-full flex-auto overflow-auto h-0"
 				id="messages-container"
-				bind:this={messagesContainerElement}
-				on:scroll={(e) => {
-					autoScroll =
-						messagesContainerElement.scrollHeight - messagesContainerElement.scrollTop <=
-						messagesContainerElement.clientHeight + 5;
-				}}
 			>
 				<div class=" h-full w-full flex flex-col py-4">
 					<Messages