446 linkify username in comment

src/app/components/cards/PostFull.jsx

@@ -60,7 +60,7 @@ function TimeAuthorCategoryLarge({content, authorRepLog10}) {
     return (
       <span className="PostFull__time_author_category_large vcard">
         <TimeAgoWrapper date={content.created} className="updated float-right" />
-        <Userpic account={content.author} />
+          <Link to={'/@' + content.author} className="float-left Userpic-wrapper"><Userpic account={content.author} /></Link>
         <div className="right-side">
           <Author author={content.author} authorRepLog10={authorRepLog10} />
           <span> {tt('g.in')} <TagList post={content} single /></span>

src/app/components/cards/PostFull.scss

@@ -27,7 +27,8 @@
   strong, a {color: #999}
   font-size: 120%;
   display: block;
-  > .Userpic {
+  > .Userpic-wrapper,
+  .Userpic {
     margin-top: -4px;
     float: left;
   }

src/app/components/elements/Author.jsx

@@ -18,11 +18,13 @@ class Author extends React.Component {
         author: string.isRequired,
         follow: bool,
         mute: bool,
+        popupEnabled: bool,
         authorRepLog10: number,
     };
     static defaultProps = {
         follow: true,
         mute: true,
+        popupEnabled: false
     };
 
     constructor(...args){
@@ -48,45 +50,47 @@ class Author extends React.Component {
         const {author, follow, mute, authorRepLog10} = this.props; // html
         const {username} = this.props; // redux
         const {name, about} = this.props.account ? normalizeProfile(this.props.account.toJS()) : {};
+
         if (!(follow || mute) || username === author) {
-            return <span className="author" itemProp="author" itemScope itemType="http://schema.org/Person">
+            return (<span className="author" itemProp="author" itemScope itemType="http://schema.org/Person">
                 <Link to={'/@' + author}><strong>{author}</strong></Link> <Reputation value={authorRepLog10} />
-            </span>;
+            </span>)
         }
+
         return (
             <span className="Author">
-                <span
-                    onClick={this.toggle}
-                    ref={(c) => { this.target = c; }}
-                >
+                <span>
                     <span
                         itemProp="author"
                         itemScope
                         itemType="http://schema.org/Person"
                     >
-                        <strong>{author}</strong>
+                        <Link to={'/@' + author}><strong>{author}</strong></Link>
                     </span>
-                    <Icon name="dropdown-arrow" />
-                    <Reputation value={authorRepLog10} />
-                </span>
-                <Overlay
-                    show={this.state.show}
-                    onHide={this.close}
-                    placement="bottom"
-                    container={this}
-                    target={() => findDOMNode(this.target)}
-                    rootClose
-                >
+                    <span onClick={this.toggle}
+                          ref={(c) => { this.target = c; }}>
+                        <Icon name="dropdown-arrow" />
+                        <Reputation value={authorRepLog10} />
+                    </span>
+                    <Overlay
+                        show={this.state.show}
+                        onHide={this.close}
+                        placement="bottom"
+                        container={this}
+                        target={() => findDOMNode(this.target)}
+                        rootClose
+                    >
                     <AuthorDropdown
-                      author={author}
-                      follow={follow}
-                      mute={mute}
-                      authorRepLog10={authorRepLog10}
-                      name={name}
-                      about={about}
-                      username={username}
+                        author={author}
+                        follow={follow}
+                        mute={mute}
+                        authorRepLog10={authorRepLog10}
+                        name={name}
+                        about={about}
+                        username={username}
                     />
                 </Overlay>
+                </span>
             </span>
         )
     }

src/app/components/elements/Userpic.jsx

@@ -37,7 +37,7 @@ class Userpic extends Component {
                        width: (width || 48) + 'px',
                        height: (height || 48) + 'px'}
 
-        return <div className="Userpic" style={style} />;
+        return (<div className="Userpic" style={style} />)
     }
 }
 

src/app/components/elements/Userpic.scss

@@ -1,3 +1,4 @@
+.Userpic-wrapper,
 .Userpic {
   display: inline-block;