123456789101112131415161718192021222324252627 |
- import ReactTimeAgo from 'react-time-ago'
- import TimeAgo from 'javascript-time-ago'
- import ru from 'javascript-time-ago/locale/ru.json'
- TimeAgo.addLocale(ru)
- let handler = (e) => {
- console.log(e)
- e.preventDefault()
- }
- export const Message = ({ nick, msg, date, media, modified, own = false, replies }) => {
- return (
- <li className={own ? "msg-user" : "msg-someone"} onContextMenu={(e) => handler(e)}>
- {media && media.length && <div>
- <span>Прикрепленные файлы</span>
- {media.map(file => <a href={"/" + file.url}>{file}</a>)}
- </div>}
- <span className="msg-nick">{nick}</span>
- <span className="msg-text">{msg}</span>
- <ReactTimeAgo className="msg-date" date={+date} locale="ru" timeStyle="round" />
- {modified && <span className="mutated-msg">Сообщение изменено</span>}
- {replies && replies.map(repMSG => <Message nick={repMSG.login} msg={repMSG.text} date={repMSG.createdAt} />)}
- </li>
- )
- }
|