feat: confirm publish to youtube

src/screens/Publishing/PublishYoutube.js

@@ -6,6 +6,7 @@ import { background } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
+import alert from "../../components/Alert";
 import firebase, { projectsRef, serverTimestamp } from "../../config/firebase";
 import Page from "../../layouts/Page";
 import { goBack } from "../../navigation/NavigationService";
@@ -126,6 +127,25 @@ const PublishYoutube = () => {
     }
   }, [playbackReady, projectId, setTooltip]);
 
+  const handleConfirmPublish = useCallback(() => {
+    if (publishDisabled) {
+      return;
+    }
+    const confirmTitle = hasYoutubePublication
+      ? "Confirmer la mise à jour"
+      : "Confirmer la publication";
+    const confirmDescription = hasYoutubePublication
+      ? "La vidéo existe déjà sur YouTube. Confirme que tu souhaites remplacer la version publiée."
+      : "Confirme que tu souhaites publier ce playback sur la chaîne YouTube MusicLand. Il sera visible publiquement.";
+    alert(confirmTitle, confirmDescription, [
+      { text: "Annuler", style: "cancel" },
+      {
+        text: hasYoutubePublication ? "Mettre à jour" : "Je confirme",
+        onPress: handleMarkPublished,
+      },
+    ]);
+  }, [handleMarkPublished, hasYoutubePublication, publishDisabled]);
+
   const handleResetPublication = useCallback(async () => {
     if (!projectId) {
       setTooltip?.({
@@ -228,8 +248,8 @@ const PublishYoutube = () => {
         <View style={{ gap: 14 }}>
           <GradientButton
             title={publishButtonLabel}
-            onPress={handleMarkPublished}
-            disabled={true}
+            onPress={handleConfirmPublish}
+            disabled={publishDisabled}
           />
 
           {hasYoutubePublication && youtubeUrl && (