diff --git a/public/assets/svg/left-arrow.svg b/public/assets/svg/left-arrow.svg new file mode 100644 index 0000000..1df807b --- /dev/null +++ b/public/assets/svg/left-arrow.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/base/Modal/index.jsx b/src/components/base/Modal/index.jsx index 06861e1..d103ad1 100644 --- a/src/components/base/Modal/index.jsx +++ b/src/components/base/Modal/index.jsx @@ -3,6 +3,8 @@ import { Modal } from 'react-bootstrap' import styled from 'styled-components' import Text from '../Text' +import Button from '../Button' +import Icon from '../Icon' const StyledModalTitle = styled(Text)` font-size: 20px; @@ -33,10 +35,20 @@ const StyledHeader = styled(Modal.Header)` } ` -const MyModal = ({ show, title, children, size = 'lg', bodyStyle, onClose }) => { +const StyledButton = styled(Button)` + width: 50px; + margin-right: 10px; +` + +const MyModal = ({ show, title, children, size = 'lg', bodyStyle, onClose, onClick, hasButton = false }) => { return ( + {hasButton ? ( + + + + ) : null} {title} {children}