From d9778aed0c18652a0ad97062ff8bcc9dd639387b Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Mon, 17 Jan 2022 21:42:50 +0500
Subject: [PATCH] updated close and reply buttons

---
 .../quickReplyModal/quickReplyModalStyles.ts           |  4 +++-
 src/components/quickReplyModal/quickReplyModalView.tsx | 10 ++++++++--
 src/config/locales/en-US.json                          |  3 ++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/quickReplyModal/quickReplyModalStyles.ts b/src/components/quickReplyModal/quickReplyModalStyles.ts
index 13ab76dd1..55b8d91c9 100644
--- a/src/components/quickReplyModal/quickReplyModalStyles.ts
+++ b/src/components/quickReplyModal/quickReplyModalStyles.ts
@@ -17,7 +17,9 @@ export default EStyleSheet.create({
   },
 
 
- 
+  cancelButton: {
+    marginRight: 10,
+  },
   modalHeader: {
     paddingHorizontal: 12,
     paddingVertical:8,
diff --git a/src/components/quickReplyModal/quickReplyModalView.tsx b/src/components/quickReplyModal/quickReplyModalView.tsx
index e54979072..ee80aee0a 100644
--- a/src/components/quickReplyModal/quickReplyModalView.tsx
+++ b/src/components/quickReplyModal/quickReplyModalView.tsx
@@ -5,7 +5,7 @@ import styles from './quickReplyModalStyles';
 import { forwardRef } from 'react';
 import { View, Text, Alert, TouchableOpacity, Keyboard } from 'react-native';
 import { useIntl } from 'react-intl';
-import { IconButton, MainButton, SummaryArea, TextInput, UserAvatar } from '..';
+import { IconButton, MainButton, SummaryArea, TextButton, TextInput, UserAvatar } from '..';
 import { useSelector, useDispatch } from 'react-redux';
 import { generateReplyPermlink } from '../../utils/editor';
 import { postComment } from '../../providers/hive/dhive';
@@ -203,6 +203,13 @@ const QuickReplyModal = ({}: QuickReplyModalProps, ref) => {
           />
         </View>
         <View style={styles.footer}>
+            <TextButton
+                style={styles.cancelButton}
+                onPress={_handleClosePress}
+                text={intl.formatMessage({
+                  id: 'quick_reply.close',
+                })}
+              />
           <MainButton
             style={styles.commentBtn}
             onPress={() => _submitReply()}
@@ -225,7 +232,6 @@ const QuickReplyModal = ({}: QuickReplyModalProps, ref) => {
         containerStyle={styles.sheetContent}
         keyboardHandlerEnabled
         indicatorColor={EStyleSheet.value('$primaryWhiteLightBackground')}
-        CustomHeaderComponent={_renderSheetHeader()}
       >
         {selectedPost && _renderContent()}
       </ActionSheet>
diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json
index 2aec31726..f287e17ea 100644
--- a/src/config/locales/en-US.json
+++ b/src/config/locales/en-US.json
@@ -711,6 +711,7 @@
   "quick_reply":{
     "placeholder":"Add a comment",
     "comment": "Comment",
-    "reply": "Reply"
+    "reply": "REPLY",
+    "close":"CLOSE"
   }
 }