check existing song url before navigating

src/screens/Library/PlaylistDetails.js

@@ -9,8 +9,8 @@ import { background, icons } from "../../assets";
 import MoreMenu from "../../components/MoreMenu";
 import { playlistsRef, projectsRef } from "../../config/firebase";
 import Page from "../../layouts/Page";
-import { Routes } from "../../navigation";
-import { goBack, navigate } from "../../navigation/NavigationService";
+import { goBack } from "../../navigation/NavigationService";
+import useNavigateToMusicDetails from "../../hooks/useNavigateToMusicDetails";
 import { gutters } from "../../styles";
 import MusicCard from "./components/MusicCard";
 
@@ -39,6 +39,7 @@ const PlaylistDetails = () => {
   const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
+  const navigateToMusicDetails = useNavigateToMusicDetails();
 
   const confirmDelete = () => {
     SheetManager.show("Delete", {
@@ -87,7 +88,12 @@ const PlaylistDetails = () => {
               imageUri={p?.coverUrl || null}
               projectId={p?.id}
               likedBy={p?.likedBy || []}
-              onPress={() => navigate(Routes.MusicDetails, { projectId: p.id })}
+              onPress={() =>
+                navigateToMusicDetails({
+                  projectId: p.id,
+                  songUrl: p?.songUrl,
+                })
+              }
               onPressMore={(posTop) => {
                 setSelectedProjectId(p.id);
                 setMenuPosition(posTop);