diff --git a/webpack/scenes/BootedContainerImages/BootedContainerImagesPage.js b/webpack/scenes/BootedContainerImages/BootedContainerImagesPage.js index 1b24633f384..39e31b1a7d9 100644 --- a/webpack/scenes/BootedContainerImages/BootedContainerImagesPage.js +++ b/webpack/scenes/BootedContainerImages/BootedContainerImagesPage.js @@ -96,17 +96,6 @@ const BootedContainerImagesPage = () => { const onPagination = (newPagination) => { setParamsAndAPI({ ...params, ...newPagination }); }; - const bottomPagination = ( - - ); - const getColumnWidth = (key) => { if (key === 'bootc_booted_image') return 40; if (key === 'digest') return 15; @@ -178,10 +167,10 @@ const BootedContainerImagesPage = () => { )} {results?.map((result, rowIndex) => { - const { bootcBootedImage, digests } = result; + const { bootc_booted_image: bootcBootedImage, digests } = result; const isExpanded = imageIsExpanded(bootcBootedImage); return ( - + <> { isExpanded, onToggle: (_event, _rInx, isOpen) => expandedImages.onToggle(isOpen, bootcBootedImage), - expandId: 'booted-containers-expander', + expandId: `booted-containers-expander-${bootcBootedImage}`, }} /> {columnNamesKeys.map(k => ( {columns[k].wrapper ? columns[k].wrapper(result) : result[k]} @@ -217,7 +206,7 @@ const BootedContainerImagesPage = () => { {digests.map((digest, index) => ( - + {digest.bootc_booted_digest} {digest.host_count} @@ -233,7 +222,16 @@ const BootedContainerImagesPage = () => { ); })} - {results.length > 0 && !errorMessage && bottomPagination} + {results.length > 0 && !errorMessage && + + } );