fix: claim list not resetting after scrolling down

This commit is contained in:
Sean Yesmunt 2019-07-08 23:16:06 -04:00
parent c8a6f4cfc7
commit 461e632262
3 changed files with 13 additions and 9 deletions

View file

@ -98,6 +98,10 @@ function ClaimListDiscover(props: Props) {
return type === SEARCH_SORT_YOU ? __('Tags You Follow') : __('Channels You Follow'); return type === SEARCH_SORT_YOU ? __('Tags You Follow') : __('Channels You Follow');
} }
function resetList() {
setPage(1);
}
const header = ( const header = (
<h1 className="card__title--flex"> <h1 className="card__title--flex">
<FormField <FormField
@ -105,7 +109,10 @@ function ClaimListDiscover(props: Props) {
type="select" type="select"
name="trending_sort" name="trending_sort"
value={typeSort} value={typeSort}
onChange={e => setTypeSort(e.target.value)} onChange={e => {
resetList();
setTypeSort(e.target.value);
}}
> >
{SEARCH_TYPES.map(type => ( {SEARCH_TYPES.map(type => (
<option key={type} value={type}> <option key={type} value={type}>
@ -123,7 +130,7 @@ function ClaimListDiscover(props: Props) {
className="claim-list__dropdown" className="claim-list__dropdown"
value={personalSort} value={personalSort}
onChange={e => { onChange={e => {
setPage(1); resetList();
setPersonalSort(e.target.value); setPersonalSort(e.target.value);
}} }}
> >
@ -140,7 +147,10 @@ function ClaimListDiscover(props: Props) {
type="select" type="select"
name="trending_time" name="trending_time"
value={timeSort} value={timeSort}
onChange={e => setTimeSort(e.target.value)} onChange={e => {
resetList();
setTimeSort(e.target.value);
}}
> >
{SEARCH_TIMES.map(time => ( {SEARCH_TIMES.map(time => (
<option key={time} value={time}> <option key={time} value={time}>

View file

@ -35,11 +35,6 @@
} }
} }
.grid-wrapper {
display: flex;
position: relative;
}
.main--file-page { .main--file-page {
position: relative; position: relative;

View file

@ -482,7 +482,6 @@
"Rendering document.": "Rendering document.", "Rendering document.": "Rendering document.",
"Sorry, looks like we can't load the document.": "Sorry, looks like we can't load the document.", "Sorry, looks like we can't load the document.": "Sorry, looks like we can't load the document.",
"Tag Search": "Tag Search", "Tag Search": "Tag Search",
"Disabled": "Disabled",
"Rewards are currently disabled for your account. Turn on diagnostic data sharing, in": "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in", "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in": "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in",
", in order to re-enable them.": ", in order to re-enable them.", ", in order to re-enable them.": ", in order to re-enable them.",
"Humans Only": "Humans Only", "Humans Only": "Humans Only",