Add colored nicks

client/src/js/components/pages/Chat/UserListItem.js

@@ -1,12 +1,19 @@
 import React, { PureComponent } from 'react';
+import stringToHSL from 'utils/color';
 
 export default class UserListItem extends PureComponent {
   handleClick = () => this.props.onClick(this.props.user.nick);
 
   render() {
+    const { user } = this.props;
+    const style = {
+      color: stringToHSL(user.nick),
+      ...this.props.style
+    };
+
     return (
-      <p style={this.props.style} onClick={this.handleClick}>
-        {this.props.user.renderName}
+      <p style={style} onClick={this.handleClick}>
+        {user.renderName}
       </p>
     );
   }