Spaces:
Runtime error
Runtime error
File size: 854 Bytes
ee1fc35 88b9eae 6d4dede f1b8b13 88b9eae ee1fc35 bf65a6c f1b8b13 6d4dede ee1fc35 c13f601 bf65a6c 6d4dede bf65a6c ee1fc35 c13f601 ee1fc35 88b9eae ee1fc35 d1f9048 bf65a6c ee1fc35 c13f601 ee1fc35 bf65a6c d1f9048 88b9eae ee1fc35 88b9eae |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
import React, { useContext } from 'react'
import Message from '../Message';
import "./ChatMain.css";
import { UserContext } from '../../contexts/UserProvider';
const ChatMain = React.forwardRef(({
messages,
}, ref) => {
const { user } = useContext(UserContext);
const timeToReadable = (timestamp) => {
var d = new Date(timestamp);
return d.toLocaleTimeString();
// return timestamp;
}
const isReceived = (message) => {
return user && message.sender_id != user.id;
};
return (
<div className='chat_main' ref={ref}>
{
messages.map((message, idx) => (
<Message
key={idx}
message={message.content}
time={timeToReadable(message.timestamp)}
isReceived={isReceived(message)}
/>
))
}
</div>
)
})
export default ChatMain |