From 2409cfa6133421536d8cdb782f6ec7f24dd0e881 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 2 Jul 2021 19:15:54 -0400
Subject: Adjust progress bar style

---
 src/screens/moments/CameraScreen.tsx | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/screens/moments/CameraScreen.tsx b/src/screens/moments/CameraScreen.tsx
index 317a2b37..36ce3999 100644
--- a/src/screens/moments/CameraScreen.tsx
+++ b/src/screens/moments/CameraScreen.tsx
@@ -151,13 +151,17 @@ const CameraScreen: React.FC<CameraScreenProps> = ({route, navigation}) => {
               setMediaFromGallery(pic.uri);
             });
           }}
-          style={styles.captureButtonContainer}>
+          style={
+            isRecording
+              ? styles.captureButtonVideoContainer
+              : styles.captureButtonContainer
+          }>
           <View style={styles.captureButton} />
         </TouchableOpacity>
         {isRecording && (
           <AnimatedCircularProgress
-            size={93}
-            width={4}
+            size={95}
+            width={6}
             fill={100}
             rotation={0}
             duration={60000 + 1000} // an extra second for UI to load
@@ -214,6 +218,18 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     backgroundColor: 'black',
   },
+  captureButtonVideoContainer: {
+    alignSelf: 'center',
+    backgroundColor: 'transparent',
+    borderRadius: 100,
+    borderWidth: 15,
+    borderColor: 'rgba(255,255,255,0.3)',
+    width: 93,
+    height: 93,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
   captureButtonContainer: {
     alignSelf: 'center',
     backgroundColor: 'transparent',
-- 
cgit v1.2.3-70-g09d2