From e9b1dba10f0bc691d2ce49af7c079ec33e329d2b Mon Sep 17 00:00:00 2001
From: Brian Kim <brian@tagg.id>
Date: Mon, 19 Jul 2021 15:05:22 -0400
Subject: Added basic functionality for audio removal

---
 src/screens/upload/EditMedia.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/upload/EditMedia.tsx b/src/screens/upload/EditMedia.tsx
index 1dc408ee..f9b17d0b 100644
--- a/src/screens/upload/EditMedia.tsx
+++ b/src/screens/upload/EditMedia.tsx
@@ -67,6 +67,9 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
     start: 0,
   });
 
+  // Stores audio on/off information
+  const [audioOn, setAudioOn] = useState<boolean>(true);
+
   // Setting original aspect ratio of image
   useEffect(() => {
     if (mediaUri && !isVideo) {
@@ -143,6 +146,7 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
           callback(croppedURL);
         },
         videoCrop,
+        !audioOn,
       );
     }
   };
@@ -342,6 +346,7 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
               onChangedEndpoints={(response: {start: number; end: number}) =>
                 setTrimEnds(response)
               }
+              muted={!audioOn}
             />
           </View>
         </ReactNativeZoomableView>
@@ -357,10 +362,14 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => {
           <TouchableOpacity
             style={styles.iconContainer}
             // TODO: finish me
-            onPress={() => null}>
+            onPress={() => setAudioOn((state) => !state)}>
             <Image
               style={styles.volumnIcon}
-              source={require('../../assets/images/volume-on.png')}
+              source={
+                audioOn
+                  ? require('../../assets/images/volume-on.png')
+                  : require('../../assets/images/volume-off.png')
+              }
             />
             <Text style={styles.iconText}>Volume</Text>
           </TouchableOpacity>
-- 
cgit v1.2.3-70-g09d2