more menu

src/screens/Library/AllMyPlaylist.web.js

@@ -37,7 +37,7 @@ const AllMyPlaylist = ({ route }) => {
     condition: Array.isArray(playlist?.musics) && playlist.musics.length > 0,
     refreshArray: [selectedPlaylistId, playlist?.musics?.length || 0],
   });
-  const [menuTop, setMenuTop] = useState(0);
+  const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
   console.log("musics are : ", musics);
@@ -174,15 +174,19 @@ const AllMyPlaylist = ({ route }) => {
                 }
                 onPressMore={(posTop) => {
                   setSelectedProjectId(p.id);
-                  setMenuTop(posTop);
-                  setShowMenu((prev) => !prev || posTop !== menuTop);
+                  setMenuPosition(posTop);
+                  setShowMenu(
+                    (prev) =>
+                      !prev || posTop?.top !== (menuPosition?.top ?? null),
+                  );
                 }}
               />
             ))}
 
           <MoreMenu
             visible={showMenu}
-            top={menuTop}
+            top={menuPosition?.top ?? 0}
+            position={menuPosition}
             onClose={() => setShowMenu(false)}
             inPlaylist
             playlistId={selectedPlaylistId}