mastofe

commit: dbccdcc1b1e295b7f05a7867936e858ea26f0d6b
parent: 5c6352397257d82e75b90cc5e7de1a3922bde7bd
Author: unarist <m.unarist@gmail.com>
Date:   Thu,  1 Jun 2017 11:20:10 +0900

Focus the submit button on the boost modal (#3494)

Focus the submit button when boost modal is opened.
Diffstat:
M
app/javascript/mastodon/features/ui/components/boost_modal.js
10
+++++++++-

1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/app/javascript/mastodon/features/ui/components/boost_modal.js b/app/javascript/mastodon/features/ui/components/boost_modal.js
@@ -27,6 +27,10 @@ class BoostModal extends ImmutablePureComponent {
     intl: PropTypes.object.isRequired,
   };
 
+  componentDidMount() {
+    this.button.focus();
+  }
+
   handleReblog = () => {
     this.props.onReblog(this.props.status);
     this.props.onClose();
@@ -40,6 +44,10 @@ class BoostModal extends ImmutablePureComponent {
     }
   }
 
+  setRef = (c) => {
+    this.button = c;
+  }
+
   render () {
     const { status, intl, onClose } = this.props;
 
@@ -67,7 +75,7 @@ class BoostModal extends ImmutablePureComponent {
 
         <div className='boost-modal__action-bar'>
           <div><FormattedMessage id='boost_modal.combo' defaultMessage='You can press {combo} to skip this next time' values={{ combo: <span>Shift + <i className='fa fa-retweet' /></span> }} /></div>
-          <Button text={intl.formatMessage(messages.reblog)} onClick={this.handleReblog} />
+          <Button text={intl.formatMessage(messages.reblog)} onClick={this.handleReblog} ref={this.setRef} />
         </div>
       </div>
     );