GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-12-25 00:11:36 +01:00
Code Issues Releases Activity

Add optional close button to ModalHeader component

Browse Source
This commit is contained in:
Aleksandr Gumroian 2024-12-04 14:02:35 +01:00
parent 5a53eca138
commit 66f83b24bd
No known key found for this signature in database
GPG Key ID: 9E77849C64F0A733
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/bootstrap/Modal.js
View File

@ -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
type="button"
className="btn-close"
onClick={() => setShown(false)}
aria-label={_("Close")}
/>
{showCloseButton && (
<button
type="button"
className="btn-close"
onClick={() => setShown(false)}
aria-label={_("Close")}
/>
)}
</div>
);
}