fix

QuivrHQ · Jan 28, 2024 · 21f45de · 21f45de
1 parent 7617be9
commit 21f45de
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 15 deletions.
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
@@ -170,13 +170,7 @@ module.exports = {
         "@typescript-eslint/no-unnecessary-type-arguments": "error",
         "@typescript-eslint/prefer-string-starts-ends-with": "error",
         "@typescript-eslint/switch-exhaustiveness-check": "error",
-        "@typescript-eslint/restrict-template-expressions": [
-          "error",
-          {
-            allowNumber: true,
-            allowBoolean: true,
-          },
-        ],
+        "@typescript-eslint/restrict-template-expressions": "off",
       },
     },
   ],

diff --git a/...ents/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss b/...ents/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss
@@ -1,3 +1,4 @@
+@use "@/styles/Colors.module.scss";
 @use "@/styles/Spacings.module.scss";
 
 .markdown {
@@ -23,3 +24,32 @@
     }
   }
 }
+
+.user {
+  color: Colors.$black;
+}
+
+.brain {
+  color: Colors.$white;
+}
+
+.thinking {
+  animation: pulse 1s infinite;
+  font-size: 2px;
+  line-height: 16px;
+  width: 16px;
+  display: flex;
+  justify-content: center;
+}
+
+@keyframes pulse {
+  0% {
+    font-size: 6px;
+  }
+  50% {
+    font-size: 16px;
+  }
+  100% {
+    font-size: 6px;
+  }
+}
diff --git a/...e/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx b/...e/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx
@@ -36,13 +36,10 @@ export const MessageContent = ({
     } else {
       setIsLog(false);
     }
-    console.info(isUser);
   }, [text]);
 
   const { logs, cleanedText } = extractLog(text);
 
-  console.info(cleanedText);
-
   return (
     <div data-testid="chat-message-text">
       {isLog && showLog && logs.length > 0 && (
@@ -51,9 +48,11 @@ export const MessageContent = ({
         </div>
       )}
       <ReactMarkdown
-        className={`${styles.markdown ?? ""} ${
-          isUser ? "text-black" : "text-white"
-        } `}
+        className={`
+        ${styles.markdown} 
+        ${isUser ? styles.user : styles.brain}
+        ${cleanedText === "🧠" ? styles.thinking : ""} 
+        `}
       >
         {cleanedText}
       </ReactMarkdown>

diff --git a/frontend/app/chat/[chatId]/utils/generatePlaceHolderMessage.ts b/frontend/app/chat/[chatId]/utils/generatePlaceHolderMessage.ts
@@ -11,8 +11,10 @@ export const generatePlaceHolderMessage = ({
 }: GeneratePlaceHolderMessageProps): ChatMessage => {
   return {
     message_id: new Date().getTime().toString(),
-    message_time: new Date(new Date().setDate(new Date().getDate() + 1)).toISOString(),
-    assistant: 'Thinking..',
+    message_time: new Date(
+      new Date().setDate(new Date().getDate() + 1)
+    ).toISOString(),
+    assistant: "🧠",
     chat_id,
     user_message,
   };