Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): just fetch all boards instead of paginating them

Browse Source
This commit is contained in:
psychedelicious 2023-06-21 18:10:26 +10:00
parent bd533426fc
commit abd6561140
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList.tsx
View File

@ -21,7 +21,7 @@ import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
import AddBoardButton from './AddBoardButton'; import AddBoardButton from './AddBoardButton';
import AllImagesBoard from './AllImagesBoard'; import AllImagesBoard from './AllImagesBoard';
import { CloseIcon } from '@chakra-ui/icons'; import { CloseIcon } from '@chakra-ui/icons';
import { useListBoardsQuery } from 'services/apiSlice'; import { useListAllBoardsQuery } from 'services/apiSlice';
const selector = createSelector( const selector = createSelector(
[selectBoardsAll, boardsSelector], [selectBoardsAll, boardsSelector],
@ -44,15 +44,14 @@ const BoardsList = (props: Props) => {
const { isOpen } = props; const { isOpen } = props;
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const { selectedBoardId, searchText } = useAppSelector(selector); const { selectedBoardId, searchText } = useAppSelector(selector);
// const filteredBoards = useSelector(searchBoardsSelector);
const { data } = useListBoardsQuery({ offset: 0, limit: 8 }); const { data: boards } = useListAllBoardsQuery();
const filteredBoards = searchText const filteredBoards = searchText
? data?.items.filter((board) => ? boards?.filter((board) =>
board.board_name.toLowerCase().includes(searchText.toLowerCase()) board.board_name.toLowerCase().includes(searchText.toLowerCase())
) )
: data?.items; : boards;
const [searchMode, setSearchMode] = useState(false); const [searchMode, setSearchMode] = useState(false);