Adds disclaimer text to Chat. (#201)

* Adds disclaimer text to Chat. * Removes disclaimer on default message. * Moves message to be above chat box from linear comments.
plastic-labs · Jan 13, 2025 · 623deb2 · 623deb2
1 parent e65a315
commit 623deb2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/www/app/Chat.tsx b/www/app/Chat.tsx
@@ -503,6 +503,11 @@ What\'s on your mind? Let\'s dive in. 🌱`,
             setIsThoughtsOpen={setIsThoughtsOpen}
           />
           <div className="p-3 pb-0 lg:p-5 lg:pb-0">
+            {messages!.length > 1 && (
+              <div className="disclaimer-text text-center mb-2">
+                Bloom can make mistakes. Always double-check important information.
+              </div>
+            )}
             <form
               id="send"
               className="flex p-3 lg:p-5 gap-3 border-gray-300"

diff --git a/www/app/globals.css b/www/app/globals.css
@@ -33,6 +33,12 @@ html {
   animation-delay: 0.4s;
 }
 
+.disclaimer-text {
+  font-size: 0.8rem;
+  opacity: 0.7;
+  color: hsl(var(--foreground));
+}
+
 @layer base {
   :root {
     --background: 40, 20%, 94%; /* #f3f1ed */