⬆️ Upgrading react-native dependencies

stephane-r · May 31, 2021 · d558683 · d558683
1 parent 09b048f
commit d558683
Show file tree

Hide file tree

Showing 5 changed files with 166 additions and 166 deletions.
diff --git a/package.json b/package.json
@@ -34,35 +34,34 @@
     "@sentry/react-native": "^2.4.3",
     "dotenv": "^10.0.0",
     "hh-mm-ss": "^1.2.0",
-    "i18next": "^19.7.0",
+    "i18next": "^20.3.1",
     "react": "17.0.1",
-    "react-i18next": "^11.7.1",
+    "react-i18next": "^11.10.0",
     "react-native": "0.64.1",
     "react-native-animation-hooks": "^1.0.1",
-    "react-native-bootsplash": "^3.0.1",
-    "react-native-config": "^1.2.1",
-    "react-native-fs": "^2.16.6",
-    "react-native-gesture-handler": "^1.6.1",
-    "react-native-get-random-values": "^1.4.0",
+    "react-native-bootsplash": "^3.2.3",
+    "react-native-config": "^1.4.2",
+    "react-native-fs": "^2.18.0",
+    "react-native-gesture-handler": "^1.10.3",
+    "react-native-get-random-values": "^1.7.0",
     "react-native-linear-gradient": "^2.5.6",
-    "react-native-music-control": "^1.2.1",
-    "react-native-paper": "^4.4.0",
+    "react-native-music-control": "^1.4.0",
+    "react-native-paper": "^4.9.1",
     "react-native-quick-actions": "^0.3.13",
-    "react-native-reanimated": "^1.9.0",
-    "react-native-safe-area-context": "^3.0.5",
-    "react-native-screens": "^2.8.0",
+    "react-native-reanimated": "^2.2.0",
+    "react-native-safe-area-context": "^3.2.0",
+    "react-native-screens": "^3.3.0",
     "react-native-snap-carousel": "^3.9.1",
-    "react-native-svg": "^12.1.0",
-    "react-native-svg-icon": "^0.9.0",
-    "react-native-swipe-gestures": "^1.0.5",
-    "react-native-vector-icons": "^7.1.0",
+    "react-native-svg": "^12.1.1",
+    "react-native-svg-icon": "^0.10.0",
+    "react-native-vector-icons": "^8.1.0",
     "react-native-version": "^4.0.0",
-    "react-native-video": "^5.1.0-alpha8",
+    "react-native-video": "^5.1.1",
     "react-query": "^2.23.1",
     "react-waterfall": "^4.0.4",
     "rn-dominant-color": "^1.7.2",
     "rn-fetch-blob": "^0.12.0",
-    "rn-placeholder": "^3.0.0-alpha.4",
+    "rn-placeholder": "^3.0.3",
     "semver-compare": "^1.0.0",
     "shelljs": "^0.8.4",
     "uuid": "^8.3.2"

diff --git a/src/components/BottomSheet/index.tsx b/src/components/BottomSheet/index.tsx
@@ -64,7 +64,10 @@ class BottomSheet extends PureComponent {
       onStartShouldSetPanResponder: () => true,
       onPanResponderMove: (e, gestureState) => {
         if (draggable && gestureState.dy > 0) {
-          Animated.event([null, { dy: pan.y }])(e, gestureState);
+          Animated.event([null, { dy: pan.y }], { useNativeDriver: false })(
+            e,
+            gestureState
+          );
         }
       },
       onPanResponderRelease: (e, gestureState) => {

diff --git a/src/components/Drawler/index.tsx b/src/components/Drawler/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, TouchableNativeFeedback } from 'react-native';
 import {
   Drawer,
   Switch,
@@ -61,14 +61,15 @@ const Drawler: React.FC<Props> = ({
           }}
         />
         <View style={styles.switchContainer}>
-          <Drawer.Item
-            accessibilityStates={[]}
-            label={t('drawler.darkMode')}
-            icon="lightbulb-on"
-          />
+          <View style={{ flex: 1 }}>
+            <Drawer.Item
+              accessibilityStates={[]}
+              label={t('drawler.darkMode')}
+              icon="lightbulb-on"
+            />
+          </View>
           <View
             style={{
-              flex: 1,
               alignItems: 'flex-end',
               justifyContent: 'center'
             }}>
@@ -85,10 +86,7 @@ const Drawler: React.FC<Props> = ({
           icon="play-network"
           onPress={() => {
             drawler.current.closeDrawer();
-            setTimeout(
-              () => navigation.current.navigate('PrivacyPolicy'),
-              200
-            );
+            setTimeout(() => navigation.current.navigate('PrivacyPolicy'), 200);
           }}
         />
       </Drawer.Section>

diff --git a/src/components/Player/index.tsx b/src/components/Player/index.tsx
@@ -57,7 +57,7 @@ const Player: React.FC<Props> = ({
   const { loading, downloadVideo } = useDownloadFile();
   const { t } = useTranslation();
 
-  getColorFromURL(video?.thumbnail.url).then((colors) =>
+  getColorFromURL(video?.thumbnail.url).then(colors =>
     setBackground(colors.primary)
   );
 
@@ -255,7 +255,7 @@ const Player: React.FC<Props> = ({
           </Text>
         </View>
         <View style={{ paddingHorizontal: 20 }}>
-          <ScrollView keyboardShouldPersistTaps>
+          <ScrollView keyboardShouldPersistTaps="always">
             <PlaylistContainer color={color} />
           </ScrollView>
           <Spacer height={20} />
@@ -330,7 +330,7 @@ const Player: React.FC<Props> = ({
             <Slider
               value={currentTime}
               maximumValue={video.lengthSeconds}
-              onValueChange={(value) => player.current?.seek(Math.floor(value))}
+              onValueChange={value => player.current?.seek(Math.floor(value))}
               minimumTrackTintColor={color}
               thumbTintColor={color}
               thumbStyle={{ width: 15, height: 15 }}