Browse Source

Add basic User component.

pull/1/head
Titouan Rigoudy 9 years ago
parent
commit
7b9a4ef862
2 changed files with 25 additions and 1 deletions
  1. +22
    -0
      src/components/User.js
  2. +3
    -1
      src/components/UserList.js

+ 22
- 0
src/components/User.js View File

@ -0,0 +1,22 @@
import React, { PropTypes } from "react";
import { Link } from "react-router";
import md5 from "md5";
const User = ({ name }) => {
const path = `/app/users/${md5(name)}`;
return (
<Link to={path}
className="user"
activeClassName="user-selected"
>
{name}
</Link>
);
};
User.propTypes = {
name: PropTypes.string.isRequired
};
export default User;

+ 3
- 1
src/components/UserList.js View File

@ -1,6 +1,8 @@
import React, { PropTypes } from "react";
import ImmutablePropTypes from "react-immutable-proptypes";
import User from "./User";
class UserList extends React.Component {
constructor(props) {
super(props);
@ -19,7 +21,7 @@ class UserList extends React.Component {
for (const [ userName, userData ] of users.byName) {
children.push(
<li key={userName}>
{userName}
<User name={userName} />
</li>
);
}


Loading…
Cancel
Save