fix: claim list not resetting after scrolling down
This commit is contained in:
parent
c8a6f4cfc7
commit
461e632262
3 changed files with 13 additions and 9 deletions
|
@ -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}>
|
||||||
|
|
|
@ -35,11 +35,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-wrapper {
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main--file-page {
|
.main--file-page {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Loading…
Reference in a new issue