fix the try catch download media

app/containers/message/Audio.tsx

@@ -300,19 +300,21 @@ class MessageAudio extends React.Component<IMessageAudioProps, IMessageAudioStat
 		const { messageId } = this.props;
 		const { user } = this.context;
 		this.setState({ loading: true });
-		const url = this.getUrl();
+		try {
-		if (url && this.filePath) {
+			const url = this.getUrl();
-			const audio = await downloadMediaFile({
+			if (url && this.filePath) {
-				downloadUrl: `${url}?rc_uid=${user.id}&rc_token=${user.token}`,
+				const audio = await downloadMediaFile({
-				mediaType: MediaTypes.audio,
+					downloadUrl: `${url}?rc_uid=${user.id}&rc_token=${user.token}`,
-				messageId,
+					mediaType: MediaTypes.audio,
-				path: this.filePath
+					messageId,
-			});
+					path: this.filePath
-			if (!audio) {
+				});
-				return this.setState({ loading: false, toDownload: true });
+
+				await this.sound.loadAsync({ uri: audio });
+				return this.setState({ loading: false, toDownload: false });
 			}
-			await this.sound.loadAsync({ uri: this.filePath });
+		} catch {
-			return this.setState({ loading: false, toDownload: false });
+			return this.setState({ loading: false, toDownload: true });
 		}
 	};
 

app/containers/message/Image.tsx

@@ -142,25 +142,28 @@ const ImageContainer = React.memo(
 
 		const handleDownload = async () => {
 			setLoading(true);
-			// The param file.title_link is the one that point to image with best quality, however we still need to test the imageUrl
+			try {
-			// And we don't have sure that exists the file.title_link
+				// The param file.title_link is the one that point to image with best quality, however we still need to test the imageUrl
-			const imgUrl = imageUrl || formatAttachmentUrl(newFile.title_link || newFile.image_url, user.id, user.token, baseUrl);
+				// And we don't have sure that exists the file.title_link
-			const imageUri = await downloadMediaFile({
+				const imgUrl = imageUrl || formatAttachmentUrl(newFile.title_link || newFile.image_url, user.id, user.token, baseUrl);
-				downloadUrl: imgUrl,
+				const imageUri = await downloadMediaFile({
-				mediaType: MediaTypes.image,
+					downloadUrl: imgUrl,
-				messageId,
+					mediaType: MediaTypes.image,
-				path: filePath.current
+					messageId,
-			});
+					path: filePath.current
-			if (!imageUri) {
+				});
+
+				setNewFile(prev => ({
+					...prev,
+					title_link: imageUri
+				}));
+				setToDownload(false);
+				setLoading(false);
+			} catch (e) {
+				console.log('🚀 ~ file: Image.tsx:164 ~ handleDownload ~ e:', e);
 				setLoading(false);
 				return setToDownload(true);
 			}
-			setNewFile(prev => ({
-				...prev,
-				title_link: filePath.current
-			}));
-			setToDownload(false);
-			setLoading(false);
 		};
 
 		const onPress = () => {

app/containers/message/Video.tsx

@@ -123,19 +123,20 @@ const Video = React.memo(
 
 		const handleDownload = async () => {
 			setLoading(true);
-			const videoUri = await downloadMediaFile({
+			try {
-				downloadUrl: video,
+				const videoUri = await downloadMediaFile({
-				mediaType: MediaTypes.video,
+					downloadUrl: video,
-				messageId,
+					mediaType: MediaTypes.video,
-				path: filePath.current
+					messageId,
-			});
+					path: filePath.current
-			if (videoUri) {
+				});
 				setNewFile(prev => ({
 					...prev,
-					video_url: filePath.current
+					video_url: videoUri
 				}));
+			} finally {
+				setLoading(false);
 			}
-			setLoading(false);
 		};
 
 		const onPress = async () => {

app/lib/methods/handleMediaDownload.ts

@@ -56,7 +56,7 @@ export function downloadMediaFile({
 	messageId: string;
 	downloadUrl: string;
 	path: string;
-}): Promise<string | void> {
+}): Promise<string> {
 	return new Promise((resolve, reject) => {
 		const downloadKey = mediaDownloadKey(mediaType, messageId);
 		const options = {