PressableScale

src/screens/Library/MusicDetails.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,
@@ -356,7 +357,7 @@ const MusicDetails = ({ route }) => {
               <Text style={styles.name}>{artist}</Text>
             </View>
             <View style={{ ...Style.containerRow, gap: 12 }}>
-              <Pressable
+              <PressableScale
                 onPress={async () => {
                   if (!projectId || !currentUID) return;
                   const next = !fav;
@@ -377,7 +378,7 @@ const MusicDetails = ({ route }) => {
                   style={{ ...size({ size: 24 }) }}
                   resizeMode="contain"
                 />
-              </Pressable>
+              </PressableScale>
               <Pressable
                 onPress={() =>
                   SheetManager.show("Playlist", { payload: { projectId } })