Merge pull request #89 from FullMoon04/showCloseButton-prop

add showCloseButton prop
elrumordelaluz · Dec 4, 2018 · 858cb24 · 858cb24
2 parents 4f3045e + b6169cc
commit 858cb24
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -85,7 +85,8 @@ const steps = [
 | `rounded`                   | Beautify helper + mask with border-radius (in px)                                                                       | `number`      | `0`                                                  |             |
 | `scrollDuration`            | Smooth scroll duration when positioning the target element                                                              | `number`      | `1`                                                  |             |
 | `scrollOffset`              | Offset when positioning the target element                                                                              | `number`      | calculates the vertical center of the page           |             |
-| `showButtons`               | Show **helper** navigation butons                                                                                       | `bool`        | `true`                                               |             |
+| `showButtons`               | Show **helper** navigation buttons                                                                                      | `bool`        | `true`                                               |             |
+| `showCloseButton`           | Show **helper** close button                                                                                            | `bool`        | `true`                                               |             |
 | `showNavigation`            | Show **helper** navigation dots                                                                                         | `bool`        | `true`                                               |             |
 | `showNavigationNumber`      | Show number when hovers on each navigation dots                                                                         | `bool`        | `true`                                               |             |
 | `showNumber`                | Show **helper** number badge                                                                                            | `bool`        | `true`                                               |             |

diff --git a/src/TourPortal.js b/src/TourPortal.js
@@ -35,6 +35,7 @@ class TourPortal extends Component {
     scrollDuration: PropTypes.number,
     scrollOffset: PropTypes.number,
     showButtons: PropTypes.bool,
+    showCloseButton: PropTypes.bool,
     showNavigation: PropTypes.bool,
     showNavigationNumber: PropTypes.bool,
     showNumber: PropTypes.bool,
@@ -70,6 +71,7 @@ class TourPortal extends Component {
     showNavigation: true,
     showNavigationNumber: true,
     showButtons: true,
+    showCloseButton: true,
     showNumber: true,
     scrollDuration: 1,
     maskSpace: 10,
@@ -384,6 +386,7 @@ class TourPortal extends Component {
       steps,
       maskClassName,
       showButtons,
+      showCloseButton,
       showNavigation,
       showNavigationNumber,
       showNumber,
@@ -542,7 +545,7 @@ class TourPortal extends Component {
               </Controls>
             )}
 
-            <Close onClick={onRequestClose} />
+            {showCloseButton ? <Close onClick={onRequestClose} /> : null}
           </Guide>
           {this.props.children}
         </div>