submit user name

browser/main/HomePage/ArticleDetail/ShareButton.js

@@ -65,7 +65,11 @@ export default class ShareButton extends React.Component {
   }
 
   handleShareWithPublicURLClick (e) {
-    let input = Object.assign({}, this.props.article, {clientKey: clientKey.get()})
+    let { user } = this.props
+    let input = Object.assign({}, this.props.article, {
+      clientKey: clientKey.get(),
+      writerName: user.name
+    })
     api.shareWithPublicURL(input)
       .then(res => {
         let url = res.body.url
@@ -131,5 +135,8 @@ export default class ShareButton extends React.Component {
 ShareButton.propTypes = {
   article: PropTypes.shape({
     publicURL: PropTypes.string
+  }),
+  user: PropTypes.shape({
+    name: PropTypes.string
   })
 }

browser/main/HomePage/ArticleDetail/index.js

@@ -197,7 +197,7 @@ export default class ArticleDetail extends React.Component {
   }
 
   renderIdle () {
-    let { status, activeArticle, folders } = this.props
+    let { status, activeArticle, folders, user } = this.props
 
     let tags = activeArticle.tags != null ? activeArticle.tags.length > 0
       ? activeArticle.tags.map(tag => {
@@ -240,7 +240,10 @@ export default class ArticleDetail extends React.Component {
                 <div className='tags'><i className='fa fa-fw fa-tags'/>{tags}</div>
               </div>
               <div className='right'>
-                <ShareButton article={activeArticle}/>
+                <ShareButton
+                  article={activeArticle}
+                  user={user}
+                  />
 
                 <button onClick={e => this.handleClipboardButtonClick(e)} className='editBtn'>
                   <i className='fa fa-fw fa-clipboard'/><span className='tooltip'>Copy to clipboard</span>