hide chatbox on the home page

nwaughachukwuma · Dec 5, 2024 · d94cc60 · d94cc60
1 parent 6b2767a
commit d94cc60
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 16 deletions.
diff --git a/app/src/lib/components/ChatContainer.svelte b/app/src/lib/components/ChatContainer.svelte
@@ -25,16 +25,18 @@
 		</div>
 	</div>
 
-	{#if !hasFinalResponse && !$sessionCompleted$ && !$fetchingSource$ && !$audioSource$}
-		<div class="shrink-0 w-full sm:max-w-xl lg:max-w-3xl max-w-full max-sm:px-4 px-1 py-4">
-			<ChatBoxContainer
-				bind:searchTerm
-				loading={navLoading}
-				showIcon
-				disabled={$sessionCompleted$ || disableTextInput}
-				on:keypress
-				on:click
-			/>
-		</div>
-	{/if}
+	<slot name="chatbox">
+		{#if !hasFinalResponse && !$sessionCompleted$ && !$fetchingSource$ && !$audioSource$}
+			<div class="shrink-0 w-full sm:max-w-xl lg:max-w-3xl max-w-full max-sm:px-4 px-1 py-4">
+				<ChatBoxContainer
+					bind:searchTerm
+					loading={navLoading}
+					showIcon
+					disabled={$sessionCompleted$ || disableTextInput}
+					on:keypress
+					on:click
+				/>
+			</div>
+		{/if}
+	</slot>
 </div>
diff --git a/app/src/lib/components/ChatListActionItems.svelte b/app/src/lib/components/ChatListActionItems.svelte
@@ -56,7 +56,7 @@
 			})
 			.then((res) => {
 				$audioSource$ = res;
-				toast.success('Audiocast source generated successfully');
+				toast.success('AI-generated source material generated successfully');
 			})
 			.catch((error) => toast.error(error.message))
 			.finally(() => ($fetchingSource$ = false));

diff --git a/app/src/lib/components/RenderExamples.svelte b/app/src/lib/components/RenderExamples.svelte
@@ -17,9 +17,9 @@
 	import ExampleCard from './ExampleCard.svelte';
 	export let sessionId: string;
 
-	$: contentExamplesDict = Object.entries(contentExamples) as Array<
-		[category: ContentCategory, content: string]
-	>;
+	$: contentExamplesDict = (
+		Object.entries(contentExamples) as Array<[category: ContentCategory, content: string]>
+	).slice(0, 6);
 </script>
 
 <div class="w-full h-full block">

diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte
@@ -55,4 +55,8 @@
 			</ChatBoxAndWidget>
 		{/if}
 	</svelte:fragment>
+
+	<svelte:fragment slot="chatbox">
+		<span></span>
+	</svelte:fragment>
 </ChatContainer>