From ce9d9ed32757e30c32fa9fe29d04491c3d0550d1 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Sat, 16 Jun 2018 23:32:45 +0300 Subject: Message navigation panel --- vnext/src/components/Message.js | 130 ++++++++++++++++++++++++++++------------ 1 file changed, 91 insertions(+), 39 deletions(-) (limited to 'vnext/src/components/Message.js') diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js index d3148141..9fce97d9 100644 --- a/vnext/src/components/Message.js +++ b/vnext/src/components/Message.js @@ -2,54 +2,106 @@ import React from 'react'; import PropTypes from 'prop-types'; import ReactMarkdown from 'react-markdown'; -export default class Message extends React.Component { - render() { - const msg = this.props.data; +import Icon from './Icon'; + +export default function Message(props) { + const msg = props.data; + const visitor = props.visitor; return ( -
-
- -
- {`${msg.user.uname}`} -
-
- - - -
-
- -
-
- - { msg.photo && -

- -

- } -
+
+
+ +
+ {`${msg.user.uname}`} +
+
+ + + +
+
+ +
+
+ + {msg.photo && +

+ +

+ } + +
); - } } function Tags(props) { - return props.data && props.data.map(tag => { return ({ tag }) }) + return props.data && props.data.map(tag => { return ({tag}) }) } Message.propTypes = { data: PropTypes.shape({ - mid: PropTypes.number.isRequired, - user: PropTypes.shape({ - uid: PropTypes.number.isRequired, - uname: PropTypes.string.isRequired - }), - timestamp: PropTypes.string.isRequired, - body: PropTypes.string + mid: PropTypes.number.isRequired, + user: PropTypes.shape({ + uid: PropTypes.number.isRequired, + uname: PropTypes.string.isRequired + }), + timestamp: PropTypes.string.isRequired, + body: PropTypes.string }) }; -- cgit v1.2.3