feat(proposals): add navigation button on iframe modal

pnetwork-association · Jan 9, 2024 · 6171b1c · 6171b1c
1 parent 9433924
commit 6171b1c
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 1 deletion.
diff --git a/public/assets/svg/left-arrow.svg b/public/assets/svg/left-arrow.svg
diff --git 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 (
     <Modal show={show} aria-labelledby="modal" size={size} centered onHide={onClose}>
       <StyledHeader closeButton={Boolean(onClose)}>
+        {hasButton ? (
+          <StyledButton onClick={onClick}>
+            <Icon icon="left-arrow" />
+          </StyledButton>
+        ) : null}
         <StyledModalTitle>{title}</StyledModalTitle>
       </StyledHeader>
       <StyledBody style={bodyStyle}>{children}</StyledBody>