LBRYCommunity/lbry-react-native
1
0
Fork 0
Code Issues Pull requests 12 Projects Releases Packages Wiki Activity

fix suggested subscriptions state handling

Browse source
This commit is contained in:
Akinwale Ariwodola 2020-02-25 19:35:21 +01:00
parent 0536f0e4bf
commit bcfb65ed54
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/component/suggestedSubscriptionsGrid/view.js
View file

@ -18,10 +18,12 @@ class SuggestedSubscriptionsGrid extends React.PureComponent {
state = { state = {
currentPage: 1, currentPage: 1,
options: {}, options: {},
// maintain a local state of subscriptions so that changes don't affect the search
subscriptionIds: [],
}; };
buildClaimSearchOptions() { buildClaimSearchOptions() {
const { showNsfwContent, subscriptions } = this.props; const { showNsfwContent } = this.props;
const { currentPage } = this.state; const { currentPage } = this.state;
const options = { const options = {
@ -34,8 +36,8 @@ class SuggestedSubscriptionsGrid extends React.PureComponent {
if (!showNsfwContent) { if (!showNsfwContent) {
options.not_tags = MATURE_TAGS; options.not_tags = MATURE_TAGS;
} }
if (subscriptions && subscriptions.length > 0) { if (this.state.subscriptionIds.length > 0) {
options.not_channel_ids = subscriptions.map(subscription => subscription.uri.split('#')[1]); options.not_channel_ids = this.state.subscriptionIds;
} }
return options; return options;
@ -65,9 +67,18 @@ class SuggestedSubscriptionsGrid extends React.PureComponent {
}; };
componentDidMount() { componentDidMount() {
const { claimSearch, followedTags, showNsfwContent } = this.props; const { claimSearch, followedTags, showNsfwContent, subscriptions } = this.props;
if (subscriptions && subscriptions.length > 0) {
this.setState(
{
subscriptionIds: subscriptions.map(subscription => subscription.uri.split('#')[1]),
},
() => this.doClaimSearch(),
);
} else {
this.doClaimSearch(); this.doClaimSearch();
} }
}
render() { render() {
const { claimSearchByQuery, suggested, inModal, navigation } = this.props; const { claimSearchByQuery, suggested, inModal, navigation } = this.props;