diff options
author | Vitaly Takmazov | 2019-05-04 21:13:12 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
commit | f470636a70943a8ecad8bddc791a1c2dddd28e1e (patch) | |
tree | c43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/ui/Contact.js | |
parent | 3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff) |
Components -> UI
Diffstat (limited to 'vnext/src/ui/Contact.js')
-rw-r--r-- | vnext/src/ui/Contact.js | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/vnext/src/ui/Contact.js b/vnext/src/ui/Contact.js new file mode 100644 index 00000000..24aabe15 --- /dev/null +++ b/vnext/src/ui/Contact.js @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { UserType } from './Types'; + +import Avatar from './Avatar'; + +function Contact({ user, style, ...rest }) { + return ( + <Avatar user={user} link={`/pm/${user.uname}`} style={style}> + {user.unreadCount && <span className="badge">{user.unreadCount}</span>} + <div className="msg-ts">{user.lastMessageText}</div> + </Avatar> + ); +} + +export default React.memo(Contact); + +Contact.propTypes = { + user: UserType, + style: PropTypes.object +}; |