refactor: move alert message into successCallback

Author: danshuitaihejie

src/components/app.jsx

@@ -328,10 +328,6 @@ export default class App extends Component {
     });
   }
 
-  onSubscriptionChange() {
-    alert('Please refresh the page later to display subscriptions.');
-  }
-
   loadUserSubscription() {
     loadSubscriptionToApp(this).then(() => this.refreshEditor());
   }
@@ -1681,7 +1677,7 @@ BookLibService.Borrow(id) {
           }
           onSupportBtnClick={this.openSupportDeveloperModal.bind(this)}
           version={version}
-          onSubscriptionChange={this.onSubscriptionChange.bind(this)}
+          onSubscriptionChange={this.loadUserSubscription.bind(this)}
           loginHandler={this.loginBtnClickHandler.bind(this)}
         />
         <SupportDeveloperModal

src/components/subscription/UpgradeLink.jsx

@@ -1,4 +1,5 @@
 import planService from '../../services/planService';
+import userService from '../../services/user_service';
 
 const UpgradeLink = (props) => {
   const checkout = (e) => {
@@ -12,7 +13,10 @@ const UpgradeLink = (props) => {
         userId: props.userId,
         planType: props.planType,
       }),
-      successCallback: props.postActionCallback,
+      successCallback: () => {
+        alert('Please refresh the page later to display subscriptions.');
+        props.postActionCallback();
+      },
     });
   };
   return (