fix: crash in android player modal

package-lock.json

@@ -11,7 +11,7 @@
       "dependencies": {
         "@react-native-async-storage/async-storage": "^1.21.0",
         "@react-native-community/blur": "^4.4.1",
-        "@react-native-community/datetimepicker": "^7.6.2",
+        "@react-native-community/datetimepicker": "^8.2.0",
         "@react-native-community/netinfo": "^11.2.1",
         "@react-navigation/bottom-tabs": "^6.5.12",
         "@react-navigation/elements": "^1.3.22",
@@ -2262,11 +2262,26 @@
       }
     },
     "node_modules/@react-native-community/datetimepicker": {
-      "version": "7.6.2",
+      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-7.6.2.tgz",
+      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-8.2.0.tgz",
-      "integrity": "sha512-ogZnvCmNG/lGHhEQypqz/mPymiIWD5jv6uKczg/l/aWgiKs1RDPQH1abh+R0I26aKoXmgamJJPuXKeC5eRWtZg==",
+      "integrity": "sha512-qrUPhiBvKGuG9Y+vOqsc56RPFcHa1SU2qbAMT0hfGkoFIj3FodE0VuPVrEa8fgy7kcD5NQmkZIKgHOBLV0+hWg==",
+      "license": "MIT",
       "dependencies": {
         "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "expo": ">=50.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-windows": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo": {
+          "optional": true
+        },
+        "react-native-windows": {
+          "optional": true
+        }
       }
     },
     "node_modules/@react-native-community/netinfo": {

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.21.0",
     "@react-native-community/blur": "^4.4.1",
-    "@react-native-community/datetimepicker": "^7.6.2",
+    "@react-native-community/datetimepicker": "^8.2.0",
     "@react-native-community/netinfo": "^11.2.1",
     "@react-navigation/bottom-tabs": "^6.5.12",
     "@react-navigation/elements": "^1.3.22",

src/components/CoverImage.tsx

@@ -59,8 +59,6 @@ function CoverImage({
         return { imageSize, canvasSize };
     }, [blurRadius, margin]);
 
-    console.log({ src });
-
     return (
         <Container size={imageSize} style={style}>
             <BlurContainer size={canvasSize} offset={blurRadius}>

src/screens/modals/Player/components/MediaInformation.tsx

@@ -22,13 +22,13 @@ const Info = styled.View`
     flex-shrink: 1;
 `;
 
-const Label = styled(Text)<{ overflow?: boolean }>`
+const Label = styled(Text)<{ $overflow?: boolean }>`
     opacity: 0.5;
     font-size: 13px;
 
-    ${(props) => props?.overflow && css`
+    ${(props) => props?.$overflow ? css`
         flex: 0 1 auto;
-    `}
+    `: null}
 `;
 
 /**
@@ -51,7 +51,7 @@ export default function MediaInformation() {
         <Container>
             <WaveformIcon fill={styles.icon.color} height={16} width={16} />
             <Info>
-                <Label numberOfLines={1} overflow>
+                <Label numberOfLines={1} $overflow>
                     {albumTrack.Codec?.isDirectPlay ? t('direct-play') : t('transcoded')}
                 </Label>
                 <Label numberOfLines={1}>

src/screens/modals/Player/components/Timer.tsx

@@ -7,8 +7,8 @@ import TimerIcon from '@/assets/icons/timer.svg';
 import { setTimerDate } from '@/store/sleep-timer';
 import ticksToDuration from '@/utility/ticksToDuration';
 import useDefaultStyles from '@/components/Colors';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 import { t } from '@/localisation';
+import { TouchableOpacity } from 'react-native';
 
 const Container = styled.View`
     align-self: flex-start;