fix: format username in component

Shield-XI · Jul 13, 2019 · d57911a · d57911a
1 parent ed28542
commit d57911a
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/component/avatar.jsx b/src/component/avatar.jsx
@@ -2,6 +2,6 @@ import React from 'react'
 
 export default ({ src, className, alt }) => (
   <div className={`gt-avatar ${className}`}>
-    <img src={src} alt={alt}/>
+    <img src={src} alt={`@${alt}`}/>
   </div>
 )
diff --git a/src/component/avatar.spec.js b/src/component/avatar.spec.js
@@ -20,7 +20,7 @@ describe('Avatar', function () {
     const alt = 'alt'
     expect(shallow(<Avatar alt={alt} />)
       .find('img').prop('alt')
-    ).toEqual(alt)
+    ).toEqual(`@${alt}`)
   })
 })
 
diff --git a/src/component/comment.jsx b/src/component/comment.jsx
@@ -62,7 +62,7 @@ export default class Comment extends Component {
         <Avatar
           className="gt-comment-avatar"
           src={comment.user && comment.user.avatar_url}
-          alt={`@${comment.user && comment.user.login}`}
+          alt={comment.user && comment.user.login}
         />
 
         <div className="gt-comment-content">

diff --git a/src/gitalk.jsx b/src/gitalk.jsx
@@ -595,7 +595,7 @@ class GitalkComponent extends Component {
     return (
       <div className="gt-header" key="header">
         {user ?
-          <Avatar className="gt-header-avatar" src={user.avatar_url} alt={`@${user.login}`} /> :
+          <Avatar className="gt-header-avatar" src={user.avatar_url} alt={user.login} /> :
           <a className="gt-avatar-github" onMouseDown={this.handleLogin}>
             <Svg className="gt-ico-github" name="github"/>
           </a>