import React from "react";
import { connect } from "react-redux";
import { doFetchClaimsByChannel } from "actions/content";
import {
  makeSelectClaimForUri,
  makeSelectClaimsInChannelForUri,
} from "selectors/claims";
import ChannelPage from "./view";

const makeSelect = () => {
  const selectClaim = makeSelectClaimForUri(),
    selectClaimsInChannel = makeSelectClaimsInChannelForUri();

  const select = (state, props) => ({
    claim: selectClaim(state, props),
    claimsInChannel: selectClaimsInChannel(state, props),
  });

  return select;
};

const perform = dispatch => ({
  fetchClaims: uri => dispatch(doFetchClaimsByChannel(uri)),
});

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