import { connect } from 'react-redux';

import { makeSelectClaimIsPending, selectClaimForId } from 'redux/selectors/claims';
import {
  selectCollectionForId,
  selectCountForCollectionId,
  selectCollectionHasEditsForId,
  selectMyPublishedCollectionCountForId,
  selectCollectionIsMine,
} from 'redux/selectors/collections';
import { doCollectionEdit } from 'redux/actions/collections';

import CollectionHeader from './view';

const select = (state, props) => {
  const { collectionId } = props;

  const claim = collectionId && selectClaimForId(state, collectionId);
  const uri = (claim && (claim.canonical_url || claim.permanent_url)) || null;

  return {
    collectionId,
    uri,
    collection: selectCollectionForId(state, collectionId),
    collectionCount: selectCountForCollectionId(state, collectionId),
    claimIsPending: makeSelectClaimIsPending(uri)(state),
    collectionHasEdits: selectCollectionHasEditsForId(state, collectionId),
    publishedCollectionCount: selectMyPublishedCollectionCountForId(state, collectionId),
    isMyCollection: selectCollectionIsMine(state, collectionId),
  };
};

const perform = {
  doCollectionEdit,
};

export default connect(select, perform)(CollectionHeader);