add webhook tip

src/components/Updator.tsx

@@ -26,6 +26,7 @@ export default class Settings extends React.Component<Props> {
     currentVersionTip: '',
     resultTip: '',
     prUrl: '',
+    isSending: false,
     webhookData: null
   }
   getVersion = async (githubData) => {
@@ -108,9 +109,6 @@ export default class Settings extends React.Component<Props> {
       await this.changeVersion(branchName)
       const { html_url } = await this.createCommitAndPR(branchName)
 
-      const { version, message, webhookData } = this.state
-      webhookData && sendNotification(webhookData, html_url, version, message)
-
       this.setState({
         version: '',
         message: '',
@@ -118,6 +116,13 @@ export default class Settings extends React.Component<Props> {
         resultTip: 'Pushing successfully! You can now go to Github and merge this PR. Then your icons will be published to NPM automatically.',
         prUrl: html_url
       })
+
+      const { version, message, webhookData } = this.state
+      if (webhookData) {
+        this.setState({isSending: true})
+        await sendNotification(webhookData, html_url, version, message)
+        this.setState({isSending: false})
+      }
     })
   }
   onCancel = () => {
@@ -130,7 +135,10 @@ export default class Settings extends React.Component<Props> {
   }
   render () {
     const { visible, webhookData } = this.props
-    const { isPushing, version, message, versionTip, messageTip, currentVersionTip, resultTip, prUrl } = this.state
+    const {
+      isPushing, version, message, versionTip, messageTip,
+      currentVersionTip, resultTip, prUrl, webhookData: whd, isSending
+    } = this.state
     return (
       <div className={'updator ' + (!visible ? 'hide' : '')}>
         <div className="form-item">
@@ -146,10 +154,14 @@ export default class Settings extends React.Component<Props> {
             resultTip &&
             <div className="type type--pos-medium-bold alert alert-success">
               <h3>Congratulations!</h3>
-              {resultTip}
+              {resultTip}<br/>
               Click <a href={prUrl} target="_blank">here</a> to open the PR link.
             </div>
           }
+          {
+            whd && isSending &&
+            <p className="type type--pos-medium-normal">Sending notification, please wait for a minute……</p>
+          }
         </div>
         <div className={'form-item '+(resultTip ? 'hide' : '')}>
           <input