particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

multiple: set pagination defaults

Browse source 
Set pagination defaults, otherwise these might be `undefined`.
This commit is contained in:
Gianluca Zuccarelli 2024-11-29 13:50:08 +00:00 • committed by Lucas Garfield
parent bad77421ae
commit 4125a9cd3b
8 changed files with 36 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/Components/Blueprints/BlueprintsSideBar.tsx
View file

@ -24,7 +24,11 @@ import { Link } from 'react-router-dom';
import BlueprintCard from './BlueprintCard';
import BlueprintsPagination from './BlueprintsPagination';
import { DEBOUNCED_SEARCH_WAIT_TIME } from '../../constants';
import {
DEBOUNCED_SEARCH_WAIT_TIME,
PAGINATION_OFFSET,
PAGINATION_LIMIT,
} from '../../constants';
import { useGetBlueprintsQuery } from '../../store/backendApi';
import {
selectBlueprintSearchInput,
@ -55,8 +59,8 @@ type emptyBlueprintStateProps = {
const BlueprintsSidebar = () => {
const selectedBlueprintId = useAppSelector(selectSelectedBlueprintId);
const blueprintSearchInput = useAppSelector(selectBlueprintSearchInput);
const blueprintsOffset = useAppSelector(selectOffset);
const blueprintsLimit = useAppSelector(selectLimit);
const blueprintsOffset = useAppSelector(selectOffset) || PAGINATION_OFFSET;
const blueprintsLimit = useAppSelector(selectLimit) || PAGINATION_LIMIT;
const {
data: blueprintsData,
isLoading,

5
src/Components/Blueprints/DeleteBlueprintModal.tsx
View file

@ -20,6 +20,7 @@ import {
useDeleteBlueprintMutation,
useGetBlueprintsQuery,
} from '../../store/imageBuilderApi';
import { PAGINATION_LIMIT, PAGINATION_OFFSET } from '../../constants';
interface DeleteBlueprintModalProps {
setShowDeleteModal: React.Dispatch<React.SetStateAction<boolean>>;
@ -31,8 +32,8 @@ export const DeleteBlueprintModal: React.FunctionComponent<
> = ({ setShowDeleteModal, isOpen }: DeleteBlueprintModalProps) => {
const selectedBlueprintId = useAppSelector(selectSelectedBlueprintId);
const blueprintSearchInput = useAppSelector(selectBlueprintSearchInput);
const blueprintsOffset = useAppSelector(selectOffset);
const blueprintsLimit = useAppSelector(selectLimit);
const blueprintsOffset = useAppSelector(selectOffset) || PAGINATION_OFFSET;
const blueprintsLimit = useAppSelector(selectLimit) || PAGINATION_LIMIT;
const dispatch = useAppDispatch();
const { blueprintName } = useGetBlueprintsQuery(
{