From 144474088115a02a47e98362d9ca281c1c7084f8 Mon Sep 17 00:00:00 2001
From: CHEN Jiajie <gameboyvito@gmail.com>
Date: Mon, 3 Jul 2017 14:21:06 +0800
Subject: [PATCH] Added props to customize text content inside Modal

---
 src/RichTextEditor.js | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/RichTextEditor.js b/src/RichTextEditor.js
index 26199ba3..a91d8aed 100644
--- a/src/RichTextEditor.js
+++ b/src/RichTextEditor.js
@@ -23,12 +23,26 @@ export default class RichTextEditor extends Component {
     hiddenTitle: PropTypes.bool,
     enableOnChange: PropTypes.bool,
     footerHeight: PropTypes.number,
-    contentInset: PropTypes.object
+    contentInset: PropTypes.object,
+
+    //customize link modal
+    linkTitleText: PropTypes.string,
+    linkURLText: PropTypes.string,
+    linkCancelText: PropTypes.string,
+    linkInsertText: PropTypes.string,
+    linkUpdateText: PropTypes.string,
   };
 
   static defaultProps = {
     contentInset: {},
-    style: {}
+    style: {},
+
+    //customize link modal
+    linkTitleText: 'Title',
+    linkURLText: 'URL',
+    linkCancelText: 'Cancel',
+    linkInsertText: 'Insert',
+    linkUpdateText: 'Update',
   };
 
   constructor(props) {
@@ -92,7 +106,7 @@ export default class RichTextEditor extends Component {
     const editorAvailableHeight = Dimensions.get('window').height - keyboardHeight - spacing;
     this.setEditorHeight(editorAvailableHeight);
   }
-  
+
   onBridgeMessage(str){
     try {
       const message = JSON.parse(str);
@@ -209,7 +223,7 @@ export default class RichTextEditor extends Component {
         >
           <View style={styles.modal}>
             <View style={[styles.innerModal, {marginBottom: PlatformIOS ? this.state.keyboardHeight : 0}]}>
-              <Text style={styles.inputTitle}>Title</Text>
+              <Text style={styles.inputTitle}>{this.props.linkTitleText}</Text>
               <View style={styles.inputWrapper}>
                 <TextInput
                     style={styles.input}
@@ -217,7 +231,7 @@ export default class RichTextEditor extends Component {
                     value={this.state.linkTitle}
                 />
               </View>
-              <Text style={[styles.inputTitle ,{marginTop: 10}]}>URL</Text>
+              <Text style={[styles.inputTitle ,{marginTop: 10}]}>{this.props.linkURLText}</Text>
               <View style={styles.inputWrapper}>
                 <TextInput
                     style={styles.input}
@@ -257,7 +271,7 @@ export default class RichTextEditor extends Component {
             style={buttonPlatformStyle}
         >
           <Text style={[styles.button, {paddingRight: 10}]}>
-            {this._upperCaseButtonTextIfNeeded('Cancel')}
+            {this._upperCaseButtonTextIfNeeded(this.props.linkCancelText)}
           </Text>
         </TouchableOpacity>
         <TouchableOpacity
@@ -273,7 +287,7 @@ export default class RichTextEditor extends Component {
             style={buttonPlatformStyle}
         >
           <Text style={[styles.button, {opacity: insertUpdateDisabled ? 0.5 : 1}]}>
-            {this._upperCaseButtonTextIfNeeded(this._linkIsNew() ? 'Insert' : 'Update')}
+            {this._upperCaseButtonTextIfNeeded(this._linkIsNew() ? this.props.linkInsertText : this.props.linkUpdateText)}
           </Text>
         </TouchableOpacity>
       </View>
@@ -352,7 +366,7 @@ export default class RichTextEditor extends Component {
       selectionChangeListeners: [...this.state.selectionChangeListeners, listener]
     });
   }
-  
+
   enableOnChange() {
     this._sendAction(actions.enableOnChange);
   }