feature: Add deprecation banner for GPT and DALL-E (#112)

childmindresearch · Nov 19, 2024 · 38a9b32 · 38a9b32
1 parent 3969305
commit 38a9b32
Show file tree

Hide file tree

Showing 9 changed files with 41 additions and 29 deletions.
diff --git a/src/lib/components/banners/BaseBanner.svelte b/src/lib/components/banners/BaseBanner.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
 	import { modeCurrent } from '@skeletonlabs/skeleton';
+	import type { Snippet, SvelteComponent } from 'svelte';
 
 	let {
 		title,
-		message,
-		variant
+		variant,
+		children
 	}: {
 		title: string;
-		message: string;
 		variant: 'success' | 'error' | 'warning';
+		children: Snippet;
 	} = $props();
 
 	const colorLightClass = `alert variant-soft-${variant}`;
@@ -32,6 +33,6 @@
 <aside class={currentClass}>
 	<div class="alert-message">
 		<h3 class="h3">{title}</h3>
-		<p>{message}</p>
+		{@render children?.()}
 	</div>
 </aside>
diff --git a/src/lib/components/banners/BetaBanner.svelte b/src/lib/components/banners/BetaBanner.svelte
@@ -2,8 +2,7 @@
 	import BaseBanner from './BaseBanner.svelte';
 </script>
 
-<BaseBanner
-	title="Beta Feature"
-	message="This feature is currently in beta. If you encounter any issues, please contact [email protected]."
-	variant="warning"
-/>
+<BaseBanner title="Beta Feature" variant="warning">
+	This feature is currently in beta. If you encounter any issues, please contact
+	[email protected].
+</BaseBanner>
diff --git a/src/lib/components/banners/DeprecationBanner.svelte b/src/lib/components/banners/DeprecationBanner.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import BaseBanner from './BaseBanner.svelte';
+</script>
+
+<BaseBanner title="Beta Feature" variant="error">
+	This feature has been deprecated and will no longer be maintained. Please use
+	<a
+		href="https://docbot.childmind.org"
+		class="underline text-blue-600 hover:text-blue-800 visited:text-purple-600">DocBot</a
+	> instead.
+</BaseBanner>
diff --git a/src/lib/components/banners/HasBaaBanner.svelte b/src/lib/components/banners/HasBaaBanner.svelte
@@ -2,8 +2,6 @@
 	import BaseBanner from './BaseBanner.svelte';
 </script>
 
-<BaseBanner
-	title="Business Associate Agreement"
-	message="Our Business Associate Agreement(s) cover(s) this service. It is safe to upload protected data."
-	variant="success"
-/>
+<BaseBanner title="Business Associate Agreement" variant="success">
+	Our Business Associate Agreement(s) cover(s) this service. It is safe to upload protected data.
+</BaseBanner>
diff --git a/src/lib/components/banners/NoBaaBanner.svelte b/src/lib/components/banners/NoBaaBanner.svelte
@@ -2,8 +2,7 @@
 	import BaseBanner from './BaseBanner.svelte';
 </script>
 
-<BaseBanner
-	title="Business Associate Agreement"
-	message="We do not have a Business Associate Agreement (BAA) in place for this service. Please do not upload sensitive data."
-	variant="error"
-/>
+<BaseBanner title="Business Associate Agreement" variant="error">
+	We do not have a Business Associate Agreement (BAA) in place for this service. Please do not
+	upload sensitive data.
+</BaseBanner>
diff --git a/src/routes/dalle/+page.svelte b/src/routes/dalle/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import DeprecationBanner from '$lib/components/banners/DeprecationBanner.svelte';
 	import FormActionPage from '$lib/components/PageTemplates/FormActionPage.svelte';
 	import type { SubmitFunction } from '@sveltejs/kit';
 
@@ -14,6 +15,9 @@
 	};
 </script>
 
+<div class="mb-2">
+	<DeprecationBanner />
+</div>
 <FormActionPage {title} {description} {enhancer}>
 	<label for="file">Prompt</label>
 	<textarea

diff --git a/src/routes/diarize-submit/+page.svelte b/src/routes/diarize-submit/+page.svelte
@@ -7,11 +7,10 @@
 		'Transcribe and diarize files. This process works in batches i.e. it may take several minutes or hours before your files are processed. Once submitted, please navigate to the Diarization retrieval page to download your results. Note that results are deleted one week after finishing.';
 </script>
 
-<BaseBanner
-	title={'Known Bug'}
-	message={'There is a known bug where large files will crash the server and result in a JSON decode error. A fix is in the works.'}
-	variant="error"
-/>
+<BaseBanner title={'Known Bug'} variant="error">
+	There is a known bug where large files will crash the server and result in a JSON decode error. A
+	fix is in the works.
+</BaseBanner>
 <FormActionPage {title} {description} hasBusinessAssociateAgreemment>
 	<input
 		class="input block max-w-64"

diff --git a/src/routes/gpt/+page.svelte b/src/routes/gpt/+page.svelte
@@ -6,6 +6,7 @@
 	import { getToastStore, type ToastSettings } from '@skeletonlabs/skeleton';
 	import { browser } from '$app/environment';
 	import ChatHistory from './ChatHistory.svelte';
+	import DeprecationBanner from '$lib/components/banners/DeprecationBanner.svelte';
 
 	let systemPrompt = $state('');
 	let model = $state('anthropic.claude-3-5-sonnet-20240620-v1:0');
@@ -58,6 +59,7 @@
 </script>
 
 <div hidden={chat !== null} class="space-y-2">
+	<DeprecationBanner />
 	<FormBasePage {title} {description} hasBusinessAssociateAgreemment />
 	<div class="grid grid-cols-2 gap-4">
 		<div>

diff --git a/src/routes/transcription/+page.svelte b/src/routes/transcription/+page.svelte
@@ -21,11 +21,10 @@
 	};
 </script>
 
-<BaseBanner
-	title={'Known Bug'}
-	message={'There is a known bug where large files will crash the server and result in a JSON decode error. A fix is in the works.'}
-	variant="error"
-/>
+<BaseBanner title={'Known Bug'} variant="error">
+	There is a known bug where large files will crash the server and result in a JSON decode error. A
+	fix is in the works.
+</BaseBanner>
 <FormActionPage {title} {description} {enhancer} hasBusinessAssociateAgreemment>
 	<input
 		class="input"