Mirrors/astuto
1
0
Fork 0
mirror of https://github.com/astuto/astuto.git synced 2025-12-16 03:37:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve post list filter by status (#267)

Browse Source
This commit is contained in:
Riccardo Graziosi
2024-01-25 14:50:39 +01:00
committed by GitHub
parent 30b7b0f5f4
commit a7d67652bf
9 changed files with 59 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/components/Board/BoardP.tsx
View File

@@ -25,7 +25,7 @@ interface Props {
boardId: number,
page?: number,
searchQuery?: string,
postStatusId?: number,
postStatusIds?: Array<number>,
): void;
requestPostStatuses(): void;
handleSearchFilterChange(searchQuery: string): void;
@@ -44,21 +44,21 @@ class BoardP extends React.Component<Props> {
const { searchQuery } = this.props.posts.filters;
const prevSearchQuery = prevProps.posts.filters.searchQuery;
const { postStatusId } = this.props.posts.filters;
const prevPostStatusId = prevProps.posts.filters.postStatusId;
const { postStatusIds } = this.props.posts.filters;
const prevPostStatusIds = prevProps.posts.filters.postStatusIds;
// search filter changed
if (searchQuery !== prevSearchQuery) {
if (this.searchFilterTimeoutId) clearInterval(this.searchFilterTimeoutId);
this.searchFilterTimeoutId = setTimeout(() => (
this.props.requestPosts(this.props.board.id, 1, searchQuery, postStatusId)
this.props.requestPosts(this.props.board.id, 1, searchQuery, postStatusIds)
), 500);
}
// post status filter changed
if (postStatusId !== prevPostStatusId) {
this.props.requestPosts(this.props.board.id, 1, searchQuery, postStatusId);
if (postStatusIds.length !== prevPostStatusIds.length) {
this.props.requestPosts(this.props.board.id, 1, searchQuery, postStatusIds);
}
}
@@ -95,7 +95,7 @@ class BoardP extends React.Component<Props> {
areLoading={postStatuses.areLoading}
error={postStatuses.error}
currentFilter={filters.postStatusId}
currentFilter={filters.postStatusIds}
handleFilterClick={handlePostStatusFilterChange}
/>
</Sidebar>
@@ -113,7 +113,7 @@ class BoardP extends React.Component<Props> {
posts.areLoading ?
null
:
requestPosts(board.id, posts.page + 1, filters.searchQuery, filters.postStatusId)
requestPosts(board.id, posts.page + 1, filters.searchQuery, filters.postStatusIds)
}
isLoggedIn={isLoggedIn}