updated header stlying

src/components/quickReplyModal/quickReplyModalStyles.ts

@@ -1,4 +1,5 @@
 import EStyleSheet from 'react-native-extended-stylesheet';
+import { getBottomSpace } from 'react-native-iphone-x-helper';
 
 export default EStyleSheet.create({
   sheetContent: {
@@ -14,6 +15,7 @@ export default EStyleSheet.create({
   },
   modalContainer: {
     // paddingVertical: 4,
+    paddingBottom:getBottomSpace()
   },
 
 
@@ -30,7 +32,10 @@ export default EStyleSheet.create({
     color: '$primaryBlack',
   },
   summaryStyle:{
-    fontSize:12,
+    fontSize:16,
+    paddingHorizontal:16,
+    color: '$primaryBlack',
+    fontWeight: '500',
   },
   inputContainer: {
     paddingHorizontal: 16,

src/components/quickReplyModal/quickReplyModalView.tsx

@@ -190,7 +190,7 @@ const QuickReplyModal = ({ fetchPost }: QuickReplyModalProps, ref) => {
 
   const _renderSummary = () => (
     <TouchableOpacity onPress={() => _handleOnSummaryPress()}>
-      <SummaryArea style={styles.summaryStyle} summary={headerText} />
+      <Text numberOfLines={2} style={styles.summaryStyle} >{headerText}</Text>
     </TouchableOpacity>
   );