From 366392c05fed24f13523180e83f95339bec0ddef Mon Sep 17 00:00:00 2001
From: amitag2 <98849921+amitag2@users.noreply.github.com>
Date: Sun, 7 May 2023 17:07:53 -0400
Subject: [PATCH] Created feedback encouragement message (#3057)

For issue #2845

This is what the message looks like:

![image](https://user-images.githubusercontent.com/98849921/236599235-d10014a7-eb11-4913-bc08-97d7b264481a.png)

---------

Co-authored-by: HachiDD12 <chenzhuofan123@gmail.com>
Co-authored-by: root <root@Hachi>
Co-authored-by: notmd <notmd1811@gmail.com>
---
 website/public/locales/en/chat.json              |  3 ++-
 website/src/components/Chat/ChatMessageEntry.tsx |  2 ++
 website/src/components/Chat/EncourageMessage.tsx | 11 +++++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 website/src/components/Chat/EncourageMessage.tsx

diff --git a/website/public/locales/en/chat.json b/website/public/locales/en/chat.json
index c90ac9f1e2..ee2efd8bb1 100644
--- a/website/public/locales/en/chat.json
+++ b/website/public/locales/en/chat.json
@@ -43,5 +43,6 @@
   "visible_hidden": "Visible & hidden",
   "warning": "This Assistant is a demonstration version that does not have internet access. It may generate incorrect or misleading information. It is not suitable for important use cases or for giving advice.",
   "you_are_logged_in": "You are logged in to the chat service",
-  "your_chats": "Your Chats"
+  "your_chats": "Your Chats",
+  "feedback_message": "Thoughts? Let us know!"
 }
diff --git a/website/src/components/Chat/ChatMessageEntry.tsx b/website/src/components/Chat/ChatMessageEntry.tsx
index 66b2f4cc59..7095e1b3fa 100644
--- a/website/src/components/Chat/ChatMessageEntry.tsx
+++ b/website/src/components/Chat/ChatMessageEntry.tsx
@@ -22,6 +22,7 @@ import { BaseMessageEntry } from "../Messages/BaseMessageEntry";
 import { BaseMessageEmojiButton } from "../Messages/MessageEmojiButton";
 import { MessageInlineEmojiRow } from "../Messages/MessageInlineEmojiRow";
 import { WorkParametersDisplay } from "./WorkParameters";
+import { EncourageMessage } from "./EncourageMessage";
 
 export type EditPromptParams = { parentId: string; chatId: string; content: string };
 
@@ -164,6 +165,7 @@ export const ChatMessageEntry = memo(function ChatMessageEntry({
               )}
               {state === "complete" && (
                 <>
+                  <EncourageMessage />
                   {canRetry && <BaseMessageEmojiButton emoji={RotateCcw} onClick={handleRetry} label={t("retry")} />}
                   {!hasCopied ? (
                     <BaseMessageEmojiButton emoji={Copy} onClick={onCopy} label={t("copy")} />
diff --git a/website/src/components/Chat/EncourageMessage.tsx b/website/src/components/Chat/EncourageMessage.tsx
new file mode 100644
index 0000000000..097ffd908b
--- /dev/null
+++ b/website/src/components/Chat/EncourageMessage.tsx
@@ -0,0 +1,11 @@
+import { Badge } from "@chakra-ui/react";
+import { useTranslation } from "next-i18next";
+// kept brief so that it doesnt distract/interfere with user experience
+export const EncourageMessage = () => {
+  const { t } = useTranslation("chat");
+  return (
+    <Badge fontWeight="normal" background="gray.300" color="black">
+      {t("feedback_message")}
+    </Badge>
+  );
+};