share playback

src/screens/Playbacks.js

@@ -9,7 +9,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { Image, Platform, Pressable, Text, View } from "react-native";
+import { Image, Platform, Pressable, Share, Text, View } from "react-native";
 import Carousel from "react-native-reanimated-carousel";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { icons, img } from "../assets";
@@ -105,7 +105,6 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
     setLikesCount(lb.length);
     setIsLiked(currentUID ? lb.includes(currentUID) : false);
   }, [item?.likedBy, currentUID]);
-  console.log("has external audio : ", hasExternalAudio);
 
   const audioPlayer = useAudioPlayer(audioSource || undefined);
   const videoPlayer = useVideoPlayer(videoUrl || null, (p) => {
@@ -193,6 +192,7 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
     return () => clearInterval(id);
   }, [isActive, hasExternalAudio, audioPlayer, videoPlayer]);
 
+  // partage: géré via l'API native Share directement dans l'UI
   return (
     <View
       style={{
@@ -360,7 +360,25 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
           >
             <Image source={icons.chatBubble} style={size({ size: 26 })} />
           </Pressable>
-          <Pressable>
+          <Pressable
+            onPress={async () => {
+              try {
+                const url = item?.playbackUrl || "";
+                const title = item?.title || "Partager";
+                const base = item?.title
+                  ? `Découvre « ${item.title} » sur MusicLand`
+                  : `Découvre ce playback sur MusicLand`;
+                const message = url ? `${base}\n${url}` : base;
+
+                await Share.share(
+                  Platform.select({
+                    ios: url ? { url, message, title } : { message, title },
+                    default: { message, title },
+                  })
+                );
+              } catch (e) {}
+            }}
+          >
             <Image source={icons.share} style={size({ size: 26 })} />
           </Pressable>
         </View>