fix: set default pagination limit

Author: astandrik

src/components/PaginatedTable/PaginatedTable.tsx

@@ -21,7 +21,7 @@ import {useScrollBasedChunks} from './useScrollBasedChunks';
 import './PaginatedTable.scss';
 
 export interface PaginatedTableProps<T, F> {
-    limit: number;
+    limit?: number;
     initialEntitiesCount?: number;
     fetchData: FetchData<T, F>;
     filters?: F;
@@ -38,8 +38,10 @@ export interface PaginatedTableProps<T, F> {
     containerClassName?: string;
 }
 
+const DEFAULT_PAGINATION_LIMIT = 20;
+
 export const PaginatedTable = <T, F>({
-    limit: chunkSize,
+    limit: chunkSize = DEFAULT_PAGINATION_LIMIT,
     initialEntitiesCount,
     fetchData,
     filters,

src/containers/Nodes/NodesTable.tsx

@@ -83,7 +83,6 @@ export function NodesTable({
             parentRef={parentRef}
             columns={columns}
             fetchData={getNodes}
-            limit={20}
             initialEntitiesCount={initialEntitiesCount}
             renderControls={renderControls}
             renderErrorMessage={renderPaginatedTableErrorMessage}

src/containers/Storage/StorageGroups/PaginatedStorageGroupsTable.tsx

@@ -101,7 +101,6 @@ export const PaginatedStorageGroupsTable = ({
                 parentRef={parentRef}
                 columns={columns}
                 fetchData={fetchData}
-                limit={20}
                 initialEntitiesCount={initialEntitiesCount}
                 renderControls={renderControls}
                 renderErrorMessage={renderErrorMessage}

src/containers/Storage/StorageNodes/PaginatedStorageNodesTable.tsx

@@ -104,7 +104,6 @@ export const PaginatedStorageNodesTable = ({
             columns={columns}
             fetchData={getStorageNodes}
             rowHeight={51}
-            limit={20}
             initialEntitiesCount={initialEntitiesCount}
             renderControls={renderControls}
             renderErrorMessage={renderErrorMessage}