check existing song url before navigating

src/screens/Library/AllMyPlaylist.web.js

@@ -7,9 +7,8 @@ import MoreMenu from "../../components/MoreMenu";
 import { playlistsRef, projectsRef } from "../../config/firebase";
 import useDataFromArrayDocId from "../../hooks/useDataFromArrayId";
 import useDataFromRef from "../../hooks/useDataFromRef";
+import useNavigateToMusicDetails from "../../hooks/useNavigateToMusicDetails";
 import Page from "../../layouts/Page";
-import { Routes } from "../../navigation";
-import { navigate } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
 import { gutters, Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
@@ -40,6 +39,7 @@ const AllMyPlaylist = ({ route }) => {
   const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
+  const navigateToMusicDetails = useNavigateToMusicDetails();
   console.log("musics are : ", musics);
   return (
     <Page
@@ -170,7 +170,10 @@ const AllMyPlaylist = ({ route }) => {
                 projectId={p?.id}
                 likedBy={p?.likedBy || []}
                 onPress={() =>
-                  navigate(Routes.MusicDetails, { projectId: p.id })
+                  navigateToMusicDetails({
+                    projectId: p.id,
+                    songUrl: p?.songUrl,
+                  })
                 }
                 onPressMore={(posTop) => {
                   setSelectedProjectId(p.id);