From d62ecffaacc4b2551dd53832bccd21296085f190 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 29 Jan 2026 11:53:47 +0100
Subject: [PATCH] fix: resolve mobile white screen crash and add tts
 configuration features

---
 client/src/pages/mobile/new-reel.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/client/src/pages/mobile/new-reel.tsx b/client/src/pages/mobile/new-reel.tsx
index 2c70cd8..7856822 100644
--- a/client/src/pages/mobile/new-reel.tsx
+++ b/client/src/pages/mobile/new-reel.tsx
@@ -14,12 +14,15 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Textarea } from "@/components/ui/textarea";
 import { Switch } from "@/components/ui/switch";
+import { Label } from "@/components/ui/label";
 import { Slider } from "@/components/ui/slider";
 import { useToast } from "@/hooks/use-toast";
 import { apiRequest, queryClient } from "@/lib/queryClient";
 import type { SocialPage, Media } from "@shared/schema";
 import { DateTimePicker } from "@/components/datetime-picker";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 
 interface MusicTrack {
     id: string;
@@ -73,6 +76,10 @@ export default function MobileNewReel() {
     const [scheduledDate, setScheduledDate] = useState<Date | undefined>(undefined);
     const [musicVolume, setMusicVolume] = useState([25]);
 
+    // État TTS
+    const [ttsEnabled, setTtsEnabled] = useState(false);
+    const [ttsVoice, setTtsVoice] = useState("fr-FR-VivienneMultilingualNeural");
+
     // État audio preview
     const [isPlaying, setIsPlaying] = useState<string | null>(null);
     const [musicOffset, setMusicOffset] = useState(0);
@@ -223,6 +230,8 @@ export default function MobileNewReel() {
             musicVolume: musicVolume[0] / 100,
             stabilize: stabilize,
             drawText: true,
+            ttsEnabled,
+            ttsVoice,
         });
     };