audio type checking added,MRN-869

Author: karthikeyan-se-contus

src/Media/VideoPlayer.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { BackHandler, Platform, StyleSheet, View } from 'react-native';
 import Video from 'react-native-video';
 import IconButton from '../common/IconButton';
-import { AudioMusicIcon, BackArrowIcon } from '../common/Icons';
+import { AudioMicIcon, AudioMusicIcon, BackArrowIcon } from '../common/Icons';
 import { useAppState } from '../common/hooks';
 import { showToast } from '../helpers/chatHelpers';
 import commonStyles from '../styles/commonStyles';
@@ -14,6 +14,7 @@ const VideoPlayer = () => {
       params: {
          item: { fileDetails = {} },
          audioOnly = false,
+         audioType,
       },
    } = useRoute();
    const navigation = useNavigation();
@@ -160,7 +161,7 @@ const VideoPlayer = () => {
          <View style={[commonStyles.flex1, commonStyles.justifyContentCenter]}>
             {audioOnly && (
                <View style={[commonStyles.flex1, commonStyles.justifyContentCenter, commonStyles.alignItemsCenter]}>
-                  <AudioMusicIcon width={200} height={200} />
+                  {audioType ? <AudioMicIcon width={200} height={200} /> : <AudioMusicIcon width={200} height={200} />}
                </View>
             )}
             <Video

src/common/VideoInfo.js

@@ -2,7 +2,7 @@ import { useNavigation } from '@react-navigation/native';
 import React from 'react';
 import { I18nManager, Image, Platform, StyleSheet, View } from 'react-native';
 import RNConvertPhAsset from 'react-native-convert-ph-asset';
-import { AudioMusicIcon, PlayIcon } from '../common/Icons';
+import { AudioMicIcon, AudioMusicIcon, PlayIcon } from '../common/Icons';
 import Pressable from '../common/Pressable';
 import { getThumbBase64URL } from '../helpers/chatHelpers';
 import { useThemeColorPalatte } from '../redux/reduxHook';
@@ -15,6 +15,8 @@ const VideoInfo = props => {
    const themeColorPalatte = useThemeColorPalatte();
    const { item: galleryItem = {}, selectedMedia = {}, audioOnly = false } = props;
    const SingleSelectedImage = selectedMedia.media;
+   const audioType = selectedMedia.media?.audioType;
+
    let item = galleryItem;
    if (SingleSelectedImage?.local_path) {
       item = {
@@ -52,14 +54,14 @@ const VideoInfo = props => {
    }, []);
 
    const handleVideoPlayButton = () => {
-      navigation.navigate(VIDEO_PLAYER_SCREEN, { item, audioOnly });
+      navigation.navigate(VIDEO_PLAYER_SCREEN, { item, audioOnly, audioType });
    };
 
    return (
       <View style={[styles.player, audioOnly ? styles.audioOnly : styles.video]}>
          {audioOnly && (
             <View style={[commonStyles.flex1, commonStyles.justifyContentCenter, commonStyles.alignItemsCenter]}>
-               <AudioMusicIcon width={200} height={200} />
+               {audioType ? <AudioMicIcon width={200} height={200} /> : <AudioMusicIcon width={200} height={200} />}
             </View>
          )}
          <Pressable

src/components/MediaTab.js

@@ -1,7 +1,7 @@
 import { useNavigation } from '@react-navigation/native';
 import React, { useCallback, useMemo } from 'react';
 import { ActivityIndicator, Dimensions, FlatList, Image, StyleSheet, View } from 'react-native';
-import { AudioWhileIcon, PlayIcon } from '../common/Icons';
+import { AudioMicIcon, AudioMusicIcon, PlayIcon } from '../common/Icons';
 import Pressable from '../common/Pressable';
 import Text from '../common/Text';
 import { getThumbBase64URL } from '../helpers/chatHelpers';
@@ -51,7 +51,10 @@ const MediaTab = ({ chatUserId, jid }) => {
          const {
             deleteStatus = 0,
             recallStatus = 0,
-            msgBody: { media: { thumb_image = '', is_downloaded, is_uploading } = {}, message_type = '' } = {},
+            msgBody: {
+               media: { thumb_image = '', is_downloaded, is_uploading, audioType } = {},
+               message_type = '',
+            } = {},
          } = item;
 
          if (deleteStatus !== 0 || recallStatus !== 0 || is_downloaded !== 2 || is_uploading !== 2) {
@@ -96,7 +99,11 @@ const MediaTab = ({ chatUserId, jid }) => {
                      styles.audioTile,
                      { width: tileSize - 4, height: tileSize - 4 },
                   ]}>
-                  <AudioWhileIcon />
+                  {audioType ? (
+                     <AudioMicIcon width="31.409" height="23.746" fill="#fff" />
+                  ) : (
+                     <AudioMusicIcon width="31.409" height="23.746" color="#fff" />
+                  )}
                </View>
             );
          }