adds dark mode and logs errors in message response

This commit is contained in:
Danny Avila 2023-02-08 09:15:47 -05:00
parent 58498ed951
commit b5042a738e
13 changed files with 13873 additions and 536 deletions

View file

@ -3,10 +3,9 @@ import Message from './Message';
import Landing from './Landing';
export default function Messages({ messages }) {
if (messages.length === 0) {
return <Landing />
};
return <Landing />;
}
const messagesEndRef = useRef(null);
@ -25,17 +24,22 @@ export default function Messages({ messages }) {
// </div>
// <div className="flex h-full text-sm dark:bg-gray-800"></div>;
return (
<div className="flex-1 overflow-y-auto ">
{messages.map((message, i) => (
<Message
key={i}
sender={message.sender}
text={message.text}
last={i === messages.length - 1}
error={!!message.error ? true : false}
/>
))}
<div ref={messagesEndRef} />
// <div className="flex-1 overflow-y-auto ">
<div className="flex-1 overflow-hidden">
<div className="h-full dark:bg-gray-800">
<div className="flex h-full flex-col items-center text-sm dark:bg-gray-800">
{messages.map((message, i) => (
<Message
key={i}
sender={message.sender}
text={message.text}
last={i === messages.length - 1}
error={!!message.error ? true : false}
/>
))}
<div ref={messagesEndRef} />
</div>
</div>
</div>
);
}