From 73d6964933a28a28471e48a94bde4417bf973e9d Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Fri, 24 Jun 2022 18:05:42 +0500
Subject: [PATCH] cleaned up quickReplyModal with inputSupportModal

---
 .../quickReplyModal/quickReplyModalView.tsx   | 52 +++++--------------
 1 file changed, 13 insertions(+), 39 deletions(-)

diff --git a/src/components/quickReplyModal/quickReplyModalView.tsx b/src/components/quickReplyModal/quickReplyModalView.tsx
index 48690bfff..c25e461f7 100644
--- a/src/components/quickReplyModal/quickReplyModalView.tsx
+++ b/src/components/quickReplyModal/quickReplyModalView.tsx
@@ -1,10 +1,7 @@
 import React, { useImperativeHandle, useRef, useState } from 'react';
-import { View as AnimatedView } from 'react-native-animatable'
 import { forwardRef } from 'react';
-import { Portal } from 'react-native-portalize';
 import { QuickReplyModalContent } from './quickReplyModalContent';
-import styles from './quickReplyModalStyles';
-import { KeyboardAvoidingView, Platform, View } from 'react-native';
+import { InputSupportModal } from '../organisms';
 
 export interface QuickReplyModalProps {
   fetchPost?: any;
@@ -30,44 +27,21 @@ const QuickReplyModal = ({ fetchPost }: QuickReplyModalProps, ref) => {
     setVisible(false);
   }
 
-  const _renderContent = () => (
-    <QuickReplyModalContent
-      fetchPost={fetchPost}
-      selectedPost={selectedPost}
-      inputRef={inputRef}
-      onClose={_onClose}
-      handleCloseRef={handleCloseRef}
-    />
-  )
 
   return (
-    <Portal>
-      {
-        visible && (
-          <AnimatedView
-            style={styles.container}
-            duration={300}
-            animation='fadeInUp'>
-            {selectedPost && (
-              <>
-                <View style={styles.container} onTouchEnd={_onClose} />
-                {
-                  Platform.select({
-                    ios: (
-                      <KeyboardAvoidingView style={styles.container} behavior="padding">
-                        {_renderContent()}
-                      </KeyboardAvoidingView>
-                    ),
-                    android: <View style={styles.container}>{_renderContent()}</View>,
-                  })
-                }
+    <InputSupportModal
+      visible={visible && !!selectedPost}
+      onClose={_onClose}
+    >
+      <QuickReplyModalContent
+        fetchPost={fetchPost}
+        selectedPost={selectedPost}
+        inputRef={inputRef}
+        onClose={_onClose}
+        handleCloseRef={handleCloseRef}
+      />
+    </InputSupportModal>
 
-              </>
-            )}
-          </AnimatedView>
-        )
-      }
-    </Portal>
   );
 };