fix: link provider

src/screens/Playbacks/Playbacks.js

@@ -8,7 +8,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { Image, Platform, Pressable, Share, Text, View } from "react-native";
+import { Image, Platform, Pressable, Text, View } from "react-native";
 import Carousel from "react-native-reanimated-carousel";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { icons, img } from "../../assets";
@@ -28,6 +28,10 @@ import {
   LIKE_TARGET,
   toggleProjectLike,
 } from "../../utils/likes";
+import {
+  createPlaybackSharePayload,
+  openShareSheet,
+} from "../../utils/shareSheet";
 import { SheetManager } from "react-native-actions-sheet";
 import { Feather } from "@expo/vector-icons";
 
@@ -109,7 +113,13 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
 
   const projectTitle = typeof item?.title === "string" ? item.title.trim() : "";
 
-  const creatorName = item?.userName;
+  const creatorName = useMemo(() => {
+    if (owner?.displayName) return owner.displayName;
+    if (owner?.artistName) return owner.artistName;
+    if (owner?.userName) return owner.userName;
+    if (typeof item?.userName === "string") return item.userName;
+    return "";
+  }, [item?.userName, owner?.artistName, owner?.displayName, owner?.userName]);
 
   const videoPlayer = useVideoPlayer(videoUrl || null, (p) => {
     p.loop = false;
@@ -182,7 +192,23 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
     return () => global.clearInterval(id);
   }, [isActive, videoPlayer]);
 
-  // partage: géré via l'API native Share directement dans l'UI
+  const sharePayload = useMemo(() => {
+    if (!item?.id) return null;
+    return createPlaybackSharePayload({
+      projectId: item.id,
+      title: projectTitle || undefined,
+      artist: creatorName || undefined,
+      playbackUrl: videoUrl || undefined,
+    });
+  }, [creatorName, item?.id, projectTitle, videoUrl]);
+
+  const handleShare = useCallback(() => {
+    if (sharePayload) {
+      openShareSheet(sharePayload);
+    }
+  }, [sharePayload]);
+
+  // partage: via feuille unifiée (prend en charge QR)
   return (
     <View
       style={{
@@ -358,25 +384,7 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
               </Text>
             )}
           </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) {}
-            }}
-          >
+          <Pressable onPress={handleShare}>
             <Image source={icons.share} style={size({ size: 26 })} />
           </Pressable>
           <Pressable onPress={handleReport} style={{ alignItems: "center" }}>