PressableScale

src/screens/Library/MusicDetails.web.js

@@ -16,6 +16,7 @@ import {
 } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, icons } from "../../assets";
+import PressableScale from "../../components/PressableScale";
 import Slider from "../../components/Slider";
 import {
   arrayRemove,
@@ -545,7 +546,7 @@ const MusicDetails = ({ route }) => {
                     />
                   </Pressable>
                   {/* Play / Pause */}
-                  <Pressable
+                  <PressableScale
                     style={{
                       ...size({ size: 40 }),
                       alignItems: "center",
@@ -558,9 +559,9 @@ const MusicDetails = ({ route }) => {
                       source={isPlaying ? icons.pause : icons.play}
                       style={size({ size: 34 })}
                     />
-                  </Pressable>
+                  </PressableScale>
                   {/* Next (forward 10s) */}
-                  <Pressable onPress={() => seekBy(10)}>
+                  <PressableScale onPress={() => seekBy(10)}>
                     <RNImage
                       source={icons.forward}
                       style={{
@@ -568,7 +569,7 @@ const MusicDetails = ({ route }) => {
                         transform: [{ rotate: "180deg" }],
                       }}
                     />
-                  </Pressable>
+                  </PressableScale>
                 </View>
                 <Slider
                   value={fmt(positionMs)}