src/ui/component/channelContent/index.js

@@ -2,25 +2,34 @@ import { connect } from 'react-redux';
 import { doFetchClaimsByChannel } from 'redux/actions/content';
 import { PAGE_SIZE } from 'constants/claim';
 import {
-  makeSelectClaimsInChannelForCurrentPageState,
+  makeSelectClaimsInChannelForPage,
   makeSelectFetchingChannelClaims,
   makeSelectClaimIsMine,
   makeSelectTotalPagesForChannel,
 } from 'lbry-redux';
+import { withRouter } from 'react-router';
 import ChannelPage from './view';
 
-const select = (state, props) => ({
+const select = (state, props) => {
-  claimsInChannel: makeSelectClaimsInChannelForCurrentPageState(props.uri)(state),
+  console.log('props', props);
-  fetching: makeSelectFetchingChannelClaims(props.uri)(state),
+  const { search } = props.location;
-  totalPages: makeSelectTotalPagesForChannel(props.uri, PAGE_SIZE)(state),
+  const urlParams = new URLSearchParams(search);
-  channelIsMine: makeSelectClaimIsMine(props.uri)(state),
+  const page = urlParams.get('page') || 0;
-});
+  return {
+    claimsInChannel: makeSelectClaimsInChannelForPage(props.uri, page)(state),
+    fetching: makeSelectFetchingChannelClaims(props.uri)(state),
+    totalPages: makeSelectTotalPagesForChannel(props.uri, PAGE_SIZE)(state),
+    channelIsMine: makeSelectClaimIsMine(props.uri)(state),
+  };
+};
 
 const perform = dispatch => ({
   fetchClaims: (uri, page) => dispatch(doFetchClaimsByChannel(uri, page)),
 });
 
-export default connect(
+export default withRouter(
-  select,
+  connect(
-  perform
+    select,
-)(ChannelPage);
+    perform
+  )(ChannelPage)
+);