src/bootstrap/Modal.js

@@ -88,21 +88,18 @@ export function Modal({ shown, setShown, scrollable, size, children }) {
 ModalHeader.propTypes = {
     setShown: PropTypes.func.isRequired,
     title: PropTypes.string.isRequired,
-    showCloseButton: PropTypes.bool,
 };
 
-export function ModalHeader({ setShown, title, showCloseButton = true }) {
+export function ModalHeader({ setShown, title }) {
     return (
         <div className="modal-header">
             <h1 className="modal-title fs-5">{title}</h1>
-            {showCloseButton && (
+            <button
-                <button
+                type="button"
-                    type="button"
+                className="btn-close"
-                    className="btn-close"
+                onClick={() => setShown(false)}
-                    onClick={() => setShown(false)}
+                aria-label={_("Close")}
-                    aria-label={_("Close")}
+            />
-                />
-            )}
         </div>
     );
 }

src/common/RichTable/RichTable.js

@@ -64,15 +64,13 @@ function RichTable({
         },
     });
 
-    const paginationIsNeeded = tableData.length > pageSize && withPagination;
-
     return (
         <div className="table-responsive">
             <table className="table table-hover text-nowrap">
                 <RichTableHeader table={table} flexRender={flexRender} />
                 <RichTableBody table={table} flexRender={flexRender} />
             </table>
-            {paginationIsNeeded && (
+            {withPagination && (
                 <RichTablePagination
                     table={table}
                     tablePageSize={pageSize}