Merge pull request #57 from Qeneke/patch-1

Added prop closedTitle and closedMessage
nitin42 · Feb 23, 2019 · 0c1040c · 0c1040c
2 parents 29537a0 + 30a26c3
commit 0c1040c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -158,6 +158,13 @@ you can also handle the result with a callback
 
 ### Minimise, maximise and close the window
 
+```jsx
+<Terminal
+  closedTitle='OOPS! You closed the window.'
+  closedMessage='Click on the icon to reopen.'
+/>
+```
+
 <p align="center">
   <img src="https://camo.githubusercontent.com/3748e38abc72cb7860ba8f2272c0329ded5bfe23/687474703a2f2f672e7265636f726469742e636f2f5a5965554b6d62414e512e676966" />
 </p>
@@ -418,6 +425,8 @@ Use
 | **description** | object      |    {} |
 | **commands** | object      |    { clear, help, show, } |
 | **msg** | string      |    - |
+| **closedTitle** | string      |    OOPS! You closed the window. |
+| **closedMessage** | string      |    Click on the icon to reopen. |
 | **watchConsoleLogging** | bool | false |
 | **commandPassThrough** | function | null |
 | **promptSymbol** | string | > |

diff --git a/src/js/components/Terminal/index.js b/src/js/components/Terminal/index.js
@@ -268,7 +268,9 @@ class Terminal extends Component {
   // Show msg (on window close)
   getNote = () => (
     <Note>
-      <h1>OOPS! You closed the window.</h1>
+      <h1>
+        {this.props.closedTitle}
+      </h1>
       <img
         src="https://camo.githubusercontent.com/95ad3fffa11193f85dedbf14ca67e4c5c07182d0/687474703a2f2f69636f6e732e69636f6e617263686976652e636f6d2f69636f6e732f70616f6d656469612f736d616c6c2d6e2d666c61742f313032342f7465726d696e616c2d69636f6e2e706e67"
         width="200"
@@ -277,7 +279,7 @@ class Terminal extends Component {
         onKeyPress={this.toggleState('show')}
         onClick={this.toggleState('show')}
       />
-      Click on the icon to reopen.
+      {this.props.closedMessage}
     </Note>
   );
 

diff --git a/src/js/components/types.js b/src/js/components/types.js
@@ -23,6 +23,8 @@ export const TerminalPropTypes = {
   hideTopBar: PropTypes.bool,
   allowTabs: PropTypes.bool,
   msg: PropTypes.string,
+  closedTitle: PropTypes.string,
+  closedMessage: PropTypes.string,
   color: PropTypes.string,
   style: PropTypes.object, // eslint-disable-line
   prompt: PropTypes.string,
@@ -79,6 +81,8 @@ export const TerminalDefaultProps = {
   allowTabs: true,
   showActions: true,
   msg: '',
+  closedTitle: 'OOPS! You closed the window.',
+  closedMessage: 'Click on the icon to reopen.',
   color: 'green',
   style: {},
   prompt: 'green',