pumping upload progress to uploads modal

src/components/markdownEditor/view/markdownEditorView.js

@@ -61,7 +61,7 @@ const MarkdownEditorView = ({
   isPreviewActive,
   isReply,
   isLoading,
-
+  isUploading,
   initialFields,
   onChange,
   handleOnTextChange,
@@ -78,6 +78,7 @@ const MarkdownEditorView = ({
   autoFocusText,
   sharedSnippetText,
   onLoadDraftPress,
+  uploadProgress,
 }) => {
   const dispatch = useDispatch();
 
@@ -550,6 +551,8 @@ const MarkdownEditorView = ({
         username={currentAccount.username}
         handleOnSelect={_handleOnMediaSelect}
         uploadedImage={uploadedImage}
+        isUploading={isUploading}
+        uploadProgress={uploadProgress}
       />
 
       <InsertLinkModal

src/components/uploadsGalleryModal/uploadsGalleryModal.tsx

@@ -1,13 +1,14 @@
+import { proxifyImageSrc } from '@ecency/render-helper';
 import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { useIntl } from 'react-intl';
-import {Text, View, FlatList, RefreshControl, TouchableOpacity, Alert, Platform } from 'react-native';
+import { Alert, FlatList, Platform, RefreshControl, Text, TouchableOpacity, View } from 'react-native';
 import FastImage from 'react-native-fast-image';
 import { CheckBox, MainButton, TextButton } from '..';
 import { UploadedMedia } from '../../models';
 import { addImage, deleteImage, getImages } from '../../providers/ecency/ecency';
+import { ProgressBar } from '../atoms';
 import Modal from '../modal';
 import styles from './uploadsGalleryModalStyles';
-import { proxifyImageSrc } from '@ecency/render-helper';
 
 
 export interface UploadsGalleryModalRef {
@@ -23,9 +24,18 @@ interface UploadsGalleryModalProps {
     username: string;
     handleOnSelect: (data: Array<MediaInsertData>) => void;
     uploadedImage: MediaInsertData;
+    isUploading: boolean;
+    uploadProgress: number
 }
 
-export const UploadsGalleryModal =  forwardRef(({username, handleOnSelect, uploadedImage}: UploadsGalleryModalProps, ref) => {
+export const UploadsGalleryModal = forwardRef(({
+    username,
+    handleOnSelect,
+    uploadedImage,
+    isUploading,
+    uploadProgress,
+
+}: UploadsGalleryModalProps, ref) => {
     const intl = useIntl();
 
     const [mediaUploads, setMediaUploads] = useState([]);

src/screens/editor/container/editorContainer.tsx

@@ -470,7 +470,11 @@ class EditorContainer extends Component <any, any> {
   // TODO: extend this to show realtime upload progress to user on sceen
   _showUploadProgress = (event) => {
     const progress = Math.round((100 * event.loaded) / event.total);
+
     console.log('progress : ', progress);
+    this.setState({
+      uploadProgress:progress
+    })
   }
 
   _handleMediaOnSelectFailure = (error) => {
@@ -1191,7 +1195,8 @@ class EditorContainer extends Component <any, any> {
       community,
       sharedSnippetText,
       onLoadDraftPress,
-      thumbIndex
+      thumbIndex,
+      uploadProgress,
     } = this.state;
 
     const tags = navigation.state.params && navigation.state.params.tags;
@@ -1230,6 +1235,7 @@ class EditorContainer extends Component <any, any> {
         onLoadDraftPress={onLoadDraftPress}
         thumbIndex={thumbIndex}
         setThumbIndex={this._handleSetThumbIndex}
+        uploadProgress={uploadProgress}
       />
     );
   }

src/screens/editor/screen/editorScreen.tsx

@@ -380,6 +380,7 @@ class EditorScreen extends Component {
       sharedSnippetText,
       onLoadDraftPress,
       thumbIndex,
+      uploadProgress,
     } = this.props;
 
     const rightButtonText = intl.formatMessage({
@@ -472,6 +473,7 @@ console.log('quickReplyText : ', quickReplyText);
             autoFocusText={autoFocusText}
             sharedSnippetText={sharedSnippetText}
             onLoadDraftPress={onLoadDraftPress}
+            uploadProgress={uploadProgress}
           />
         </PostForm>
         {_renderCommunityModal()}