feat(chatMessage): update attributes display

[mamadoudicko]

Description

Handle prompt or brain name missing

Screen.Recording.2023-08-30.at.16.17.04.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2023 2:27pm
quivrapp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2023 2:27pm

[github-actions]

Risk Level 2 - /home/runner/work/quivr/quivr/frontend/app/chat/[chatId]/components/ChatMessages/index.tsx

The changes in this file are related to the ChatMessages component. The component is well structured and follows the SOLID principles. However, the inline styles could be moved to a CSS file or a styled component for better maintainability and reusability.

For example:

const chatContainerStyle = {
  display: 'flex',
  flexDirection: 'column',
  flex: 1,
  overflowY: 'auto',
};

// In the component
<div style={chatContainerStyle} ref={chatListRef}>

---

Risk Level 2 - /home/runner/work/quivr/quivr/frontend/app/chat/[chatId]/components/ChatMessages/components/ChatMessage/components/ChatMessage/ChatMessage.tsx

The changes in this file are related to the ChatMessage component. The component is well structured and follows the SOLID principles. However, the cn function is used to generate class names, which could be improved for readability. Consider using template literals for better readability.

For example:

const containerClasses = `\${isUserSpeaker ? 'bg-gray-100 bg-opacity-60 items-start' : 'bg-purple-100 bg-opacity-60 items-end'} py-3 px-5 w-fit dark:bg-gray-800 rounded-3xl flex flex-col overflow-hidden scroll-pb-32`;

---

📁💅👓

---

Powered by Code Review GPT