deepfake fix

src/components/deepfake/ChatterboxTTS.tsx

@@ -19,6 +19,7 @@ const ChatterboxTTS = () => {
 	// File state
 	const [fileName, setFileName] = useState('');
 	const [isDragOver, setIsDragOver] = useState(false);
+	const [voiceBlob, setVoiceBlob] = useState<Blob | null>(null);
 
 	// Form state
 	const [text, setText] = useState('В прошлом месяце мы достигли нового рубежа.');
@@ -130,11 +131,13 @@ const ChatterboxTTS = () => {
 		setIsUsingRecordedVoice(false);
 		setRecordStatus('Нажмите для записи');
 		recordedBlobRef.current = null;
+		setVoiceBlob(null);
 	};
 
 	const handleUseRecording = () => {
 		setIsUsingRecordedVoice(true);
 		setRecordStatus('✅ Голосовое сообщение сохранено');
+		setVoiceBlob(recordedBlobRef.current);
 		// Сбрасываем файл
 		fileRef.current = null;
 		setFileName('');
@@ -144,6 +147,7 @@ const ChatterboxTTS = () => {
 	const updateFileName = (file: File) => {
 		fileRef.current = file;
 		setFileName(file.name);
+		setVoiceBlob(file);
 		setIsUsingRecordedVoice(false);
 	};
 
@@ -291,13 +295,13 @@ const ChatterboxTTS = () => {
 				</p>
 
 
-				{((isUsingRecordedVoice && recordedBlobRef.current) || fileName) && (
+				{voiceBlob && (
 					<div>
 						<p>
 							Вот примеры дипфейков.
 						</p>
 
-						<VoiceCards voiceBlob={recordedBlobRef.current} />
+						<VoiceCards voiceBlob={voiceBlob} />
 
 						<h2>
 							Вы можете попробовать самостоятельно сделат дипфейк из своего голоса!