lbry-desktop/ui/js/component/rewardLink/index.js

import React from "react";
import { connect } from "react-redux";
import {
  makeSelectClaimRewardError,
  makeSelectRewardByType,
  makeSelectIsRewardClaimPending,
} from "redux/selectors/rewards";
import { doNavigate } from "redux/actions/navigation";
import {
  doClaimRewardType,
  doClaimRewardClearError,
} from "redux/actions/rewards";
import RewardLink from "./view";

const makeSelect = () => {
  const selectIsPending = makeSelectIsRewardClaimPending();
  const selectReward = makeSelectRewardByType();
  const selectError = makeSelectClaimRewardError();

  const select = (state, props) => ({
    errorMessage: selectError(state, props),
    isPending: selectIsPending(state, props),
    reward: selectReward(state, props),
  });

  return select;
};

const perform = dispatch => ({
  claimReward: reward => dispatch(doClaimRewardType(reward.reward_type, true)),
  clearError: reward => dispatch(doClaimRewardClearError(reward)),
  navigate: path => dispatch(doNavigate(path)),
});

export default connect(makeSelect, perform)(RewardLink);