feat(web): update MessgeItems on chat

brunocroh · Jun 11, 2024 · d6b1b2e · d6b1b2e
1 parent c62de48
commit d6b1b2e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/web/app/room/[slug]/components/message-item.tsx b/apps/web/app/room/[slug]/components/message-item.tsx
@@ -12,7 +12,7 @@ export const MessageItem: React.FC<MessageItem> = ({ message }) => {
     <div
       className={clsx(
         'flex items-center gap-3',
-        isMe ? 'justify-start' : 'justify-end'
+        isMe ? 'justify-end' : 'justify-start'
       )}
     >
       <span
@@ -21,7 +21,6 @@ export const MessageItem: React.FC<MessageItem> = ({ message }) => {
           isMe ? 'bg-accent' : 'bg-purple-950'
         )}
       >
-        <span className="text-sm font-semibold">{message.sender}</span>:{' '}
         <span className="text-sm">{message.content}</span>
       </span>
     </div>

diff --git a/apps/web/app/room/[slug]/page.tsx b/apps/web/app/room/[slug]/page.tsx
@@ -107,6 +107,7 @@ export default function Page(): JSX.Element {
             })
 
             peerRef.current?.on('data', (message) => {
+              console.log({ message })
               setMessages((prevMessages) => [
                 ...prevMessages,
                 { sender: 'other', content: message.toString() },
@@ -152,6 +153,8 @@ export default function Page(): JSX.Element {
     }
   )
 
+  console.log({ messages })
+
   useEffect(() => {
     return () => {
       peerRef.current?.destroy()