fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-26 02:40:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Make search screen able to change type, listing type, and sort when there is no query (#966)

Browse source
This commit is contained in:
SleeplessOne1917 2023-03-26 21:56:49 -04:00 committed by GitHub
parent 07e7e1eb87
commit fe0ebbeec1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/shared/components/search.tsx
View file

@ -236,14 +236,20 @@ export class Search extends Component<any, SearchState> {
this.setupCreatorFilter();
}
static getDerivedStateFromProps(props: any): SearchProps {
static getDerivedStateFromProps(
props: any,
prevState: SearchState
): SearchProps {
return {
q: Search.getSearchQueryFromProps(props.match.params.q),
type_: Search.getSearchTypeFromProps(props.match.params.type),
sort: Search.getSortTypeFromProps(props.match.params.sort),
listingType: Search.getListingTypeFromProps(
props.match.params.listing_type
),
type_:
prevState.type_ ??
Search.getSearchTypeFromProps(props.match.params.type),
sort:
prevState.sort ?? Search.getSortTypeFromProps(props.match.params.sort),
listingType:
prevState.listingType ??
Search.getListingTypeFromProps(props.match.params.listing_type),
communityId: Search.getCommunityIdFromProps(
props.match.params.community_id
),
@ -878,21 +884,27 @@ export class Search extends Component<any, SearchState> {
}
handleSortChange(val: SortType) {
this.updateUrl({ sort: val, page: 1 });
const updateObj = { sort: val, page: 1 };
this.setState(updateObj);
this.updateUrl(updateObj);
}
handleTypeChange(i: Search, event: any) {
i.updateUrl({
const updateObj = {
type_: SearchType[event.target.value],
page: 1,
});
};
i.setState(updateObj);
i.updateUrl(updateObj);
}
handleListingTypeChange(val: ListingType) {
this.updateUrl({
const updateObj = {
listingType: val,
page: 1,
});
};
this.setState(updateObj);
this.updateUrl(updateObj);
}
handleCommunityFilterChange(communityId: number) {