ui/js/page/publish/index.js

@@ -3,6 +3,7 @@ import { connect } from "react-redux";
 import { doNavigate, doHistoryBack } from "actions/app";
 import { doClaimRewardType } from "actions/rewards";
 import { selectMyClaims } from "selectors/claims";
+import { doFetchClaimListMine } from "actions/content";
 import rewards from "rewards";
 import PublishPage from "./view";
 
@@ -13,8 +14,8 @@ const select = state => ({
 const perform = dispatch => ({
   back: () => dispatch(doHistoryBack()),
   navigate: path => dispatch(doNavigate(path)),
-  claimFirstChannelReward: () =>
-    dispatch(doClaimRewardType(rewards.TYPE_FIRST_CHANNEL)),
+  fetchClaimListMine: () => dispatch(doFetchClaimListMine()),
+  claimFirstChannelReward: () => dispatch(doClaimRewardType(rewards.TYPE_FIRST_CHANNEL)),
 });
 
 export default connect(select, perform)(PublishPage);

ui/js/page/publish/view.jsx

@@ -411,6 +411,7 @@ class PublishPage extends React.PureComponent {
   }
 
   componentWillMount() {
+    this.props.fetchClaimListMine();
     this._updateChannelList();
   }