more menu

src/screens/Library/components/MyMusic.js

@@ -9,7 +9,7 @@ import MoreMenu from "../../../components/MoreMenu";
 
 const MyMusic = () => {
   const { userProjects = [] } = useUser();
-  const [menuTop, setMenuTop] = useState(0);
+  const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
   const projects = Array.isArray(userProjects) ? userProjects.slice(0, 3) : [];
@@ -37,14 +37,18 @@ const MyMusic = () => {
               onPress={() => navigate(Routes.MusicDetails, { projectId: p.id })}
               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={false}
           projectId={selectedProjectId}