fix: review fix

Author: astandrik

src/components/PaginatedTable/TableChunk.tsx

@@ -104,8 +104,8 @@ export const TableChunk = typedMemo(function TableChunk<T, F>({
     }, [currentData, isActive, onDataFetched]);
 
     const chunkOffset = id * limit;
-    const remainingLenght = totalLength - chunkOffset;
-    const calculatedChunkLength = remainingLenght < limit ? remainingLenght : limit;
+    const remainingLength = totalLength - chunkOffset;
+    const calculatedChunkLength = remainingLength < limit ? remainingLength : limit;
 
     const dataLength = currentData?.data?.length || calculatedChunkLength;
 

src/containers/Storage/PaginatedStorage.tsx

@@ -12,16 +12,30 @@ export interface PaginatedStorageProps {
     viewContext: StorageViewContext;
 
     parentContainer?: Element | null;
+
+    initialEntitiesCount?: number;
 }
 
+const DEFAULT_ENTITIES_COUNT = 10;
+
 export const PaginatedStorage = (props: PaginatedStorageProps) => {
     const {storageType} = useStorageQueryParams();
 
     const isNodes = storageType === 'nodes';
 
     if (isNodes) {
-        return <PaginatedStorageNodes {...props} />;
+        return (
+            <PaginatedStorageNodes
+                initialEntitiesCount={props.viewContext.nodeId ? 1 : DEFAULT_ENTITIES_COUNT}
+                {...props}
+            />
+        );
     }
 
-    return <PaginatedStorageGroups {...props} />;
+    return (
+        <PaginatedStorageGroups
+            initialEntitiesCount={props.viewContext.groupId ? 1 : DEFAULT_ENTITIES_COUNT}
+            {...props}
+        />
+    );
 };

src/containers/Storage/PaginatedStorageGroups.tsx

@@ -56,6 +56,7 @@ function StorageGroupsComponent({
     pDiskId,
     viewContext,
     parentContainer,
+    initialEntitiesCount,
 }: PaginatedStorageProps) {
     const {searchValue, visibleEntities, handleShowAllGroups} = useStorageQueryParams();
 
@@ -91,6 +92,7 @@ function StorageGroupsComponent({
             renderControls={renderControls}
             renderErrorMessage={renderPaginatedTableErrorMessage}
             columns={columnsToShow}
+            initialEntitiesCount={initialEntitiesCount}
         />
     );
 }

src/containers/Storage/PaginatedStorageNodes.tsx

@@ -63,6 +63,7 @@ function StorageNodesComponent({
     groupId,
     viewContext,
     parentContainer,
+    initialEntitiesCount,
 }: PaginatedStorageProps) {
     const {searchValue, visibleEntities, nodesUptimeFilter, handleShowAllNodes} =
         useStorageQueryParams();
@@ -99,6 +100,7 @@ function StorageNodesComponent({
             renderControls={renderControls}
             renderErrorMessage={renderPaginatedTableErrorMessage}
             columns={columnsToShow}
+            initialEntitiesCount={initialEntitiesCount}
         />
     );
 }