27 lines
785 B
JavaScript
27 lines
785 B
JavaScript
import { useContext } from 'react'
|
|
import UserContext from '~/lib/UserContext'
|
|
import { deleteMessage } from '~/lib/Store'
|
|
import TrashIcon from '~/components/TrashIcon'
|
|
|
|
const Message = ({ message }) => {
|
|
const { user } = useContext(UserContext)
|
|
|
|
return (
|
|
<div className="py-1 flex items-center space-x-2">
|
|
<div className="text-gray-100 w-4">
|
|
{(user?.id === message.user_id || ['admin', 'moderator'].includes(user?.appRole)) && (
|
|
<button onClick={() => deleteMessage(message.id)}>
|
|
<TrashIcon />
|
|
</button>
|
|
)}
|
|
</div>
|
|
<div>
|
|
<p className="text-blue-700 font-bold">{message?.author?.username}</p>
|
|
<p className="text-white">{message.message}</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Message
|