Message Loading indicator should be on the message box

mrdjohnson · Mar 22, 2024 · acb4bbc · acb4bbc
1 parent e97de45
commit acb4bbc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/LazyMessage.tsx b/src/components/LazyMessage.tsx
@@ -92,8 +92,6 @@ const LazyMessage = ({
       }
       key={uniqId}
     >
-      {children}
-
       {image && (
         <img
           className="mb-2 h-56 max-w-56 place-self-center rounded-md object-contain"
@@ -103,7 +101,9 @@ const LazyMessage = ({
 
       {message.botName && <span className="opacity-30">{message.botName}</span>}
 
-      <div className="join join-vertical border border-base-content/20">
+      <div className="join join-vertical relative border border-base-content/20">
+        {children}
+
         <div
           className={
             'w-full p-2 ' +

diff --git a/src/components/Message.tsx b/src/components/Message.tsx
@@ -10,7 +10,7 @@ import { chatStore } from '../models/ChatStore'
 const LazyMessage = React.lazy(() => import('./LazyMessage'))
 
 const Loading = () => (
-  <span className="indicator-item loading loading-dots loading-sm indicator-start ml-8" />
+  <span className="indicator-item loading loading-dots loading-sm indicator-start ml-4 opacity-65" />
 )
 
 // this one is observed for incoming text changes, the rest do not need to be observed