From c650261aca0c32b8826e202df01b42d6e9a46cfb Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 16 Jul 2021 17:39:21 -0400
Subject: Undo api, Update volume icon

---
 src/components/comments/ZoomInCropper.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'src/components')

diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx
index 061964a8..88f161e5 100644
--- a/src/components/comments/ZoomInCropper.tsx
+++ b/src/components/comments/ZoomInCropper.tsx
@@ -1,3 +1,4 @@
+import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView';
 import {RouteProp} from '@react-navigation/core';
 import {StackNavigationProp} from '@react-navigation/stack';
 import React, {useEffect, useRef, useState} from 'react';
@@ -5,20 +6,18 @@ import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
 import {normalize} from 'react-native-elements';
 import ImageZoom, {IOnMove} from 'react-native-image-pan-zoom';
 import PhotoManipulator from 'react-native-photo-manipulator';
+import TrimIcon from '../../assets/icons/trim.svg';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
 import {MainStackParams} from '../../routes';
 import {
   cropVideo,
-  trimVideo,
   HeaderHeight,
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
+  trimVideo,
 } from '../../utils';
-import {TaggSquareButton, TaggLoadingIndicator} from '../common';
-import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView';
+import {TaggLoadingIndicator, TaggSquareButton} from '../common';
 import {TrimmerPlayer} from '../moments/trimmer';
-import TrimIcon from '../../assets/icons/trim.svg';
-import VolumeOnIcon from '../../assets/icons/volume-on.svg';
 
 type ZoomInCropperRouteProps = RouteProp<MainStackParams, 'ZoomInCropper'>;
 type ZoomInCropperNavigationProps = StackNavigationProp<
@@ -350,7 +349,10 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
         <View style={styles.iconCarrier}>
           <TrimIcon />
           <Text style={styles.iconText}>Trim</Text>
-          <VolumeOnIcon />
+          <Image
+            style={styles.volumnIcon}
+            source={require('../../assets/images/volume-on.png')}
+          />
           <Text style={styles.iconText}>Volume</Text>
         </View>
       )}
@@ -423,4 +425,8 @@ const styles = StyleSheet.create({
     backgroundColor: 'black',
     flex: 1,
   },
+  volumnIcon: {
+    width: 25,
+    height: 25,
+  },
 });
-- 
cgit v1.2.3-70-g09d2