Merge branch 'refactor-modal' into 'dev'

Add optional close button to ModalHeader component

See merge request turris/reforis/foris-js!257

src/bootstrap/Modal.js

@@ -88,18 +88,21 @@ 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 }) {
+export function ModalHeader({ setShown, title, showCloseButton = true }) {
     return (
         <div className="modal-header">
             <h1 className="modal-title fs-5">{title}</h1>
-            <button
+            {showCloseButton && (
-                type="button"
+                <button
-                className="btn-close"
+                    type="button"
-                onClick={() => setShown(false)}
+                    className="btn-close"
-                aria-label={_("Close")}
+                    onClick={() => setShown(false)}
-            />
+                    aria-label={_("Close")}
+                />
+            )}
         </div>
     );
 }

src/common/RichTable/RichTable.js

@@ -64,13 +64,15 @@ 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>
-            {withPagination && (
+            {paginationIsNeeded && (
                 <RichTablePagination
                     table={table}
                     tablePageSize={pageSize}