From 861fa2559fa16c3967a1d191a3a32d6eda6a4221 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Sun, 15 Jul 2018 13:22:05 +0300 Subject: Friends and Readers components --- vnext/src/App.js | 3 +++ vnext/src/components/Message.js | 4 ++-- vnext/src/components/Users.js | 41 +++++++++++++++++++++++++++++++++++++++++ 3 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 vnext/src/components/Users.js diff --git a/vnext/src/App.js b/vnext/src/App.js index 683e310a..f3f48152 100644 --- a/vnext/src/App.js +++ b/vnext/src/App.js @@ -4,6 +4,7 @@ import * as qs from 'query-string'; import Icon from './components/Icon'; import { Discover, Discussions, Blog, Tag, Home } from './components/Feeds'; +import { Friends, Readers } from './components/Users'; import Settings from './components/Settings'; import Contacts from './components/Contacts'; import Chat from './components/Chat'; @@ -156,6 +157,8 @@ export default class App extends React.Component { } /> } /> } /> + } /> + } /> } /> } /> } /> diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js index ad79f7f6..953276b5 100644 --- a/vnext/src/components/Message.js +++ b/vnext/src/components/Message.js @@ -106,8 +106,8 @@ function Tags({ data, user, ...rest }) { } Message.propTypes = { - data: MessageType, - visitor: UserType.isRequired, + data: PropTypes.instanceOf(MessageType), + visitor: PropTypes.instanceOf(UserType).isRequired, children: PropTypes.node }; diff --git a/vnext/src/components/Users.js b/vnext/src/components/Users.js new file mode 100644 index 00000000..4201e1e0 --- /dev/null +++ b/vnext/src/components/Users.js @@ -0,0 +1,41 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { Link } from 'react-router-dom'; + +import { UserType } from './Types'; + +export function Friends({ visitor, ...rest }) { + return ; +} + +export function Readers({ visitor, ...rest }) { + return ; +} + +function Users({data, ...rest}) { + return ( +
+ { + data.map(user => + + + {user.uname} + + ) + } +
+ ); +} + + +Friends.propTypes = { + visitor: UserType +}; + +Readers.propTypes = { + visitor: UserType +}; + +Users.propTypes = { + data: PropTypes.arrayOf(UserType).isRequired +} -- cgit v1.2.3