Update src/App.tsx

src/App.tsx

@@ -1,4 +1,4 @@
-// src/App.tsx (نسخه نهایی با پیش‌نمایش گوینده، انیمیشن و پیغام تایید)
+// src/App.tsx (نسخه نهایی بدون پیغام‌های تایید)
 import React, { useEffect, useRef, useState, FC } from "react";
 import './App.scss';
 import { AppProvider, useAppContext, PersonalityType, PersonalityInstructions } from "./contexts/AppContext";
@@ -41,7 +41,6 @@ const PersonalityMenu: React.FC<{ isOpen: boolean; onClose: () => void; onSelect
   return (
     <div ref={menuRef} className="personality-popover-wrapper open">
       <div className="popover-content">
-        {/* ✅ بخش جدید: پیش‌نمایش گوینده منتخب */}
         <div className={cn("selected-voice-display", { speaking: volume > 0.01 })}>
           <div className="voice-image-wrapper">
             <img src={selectedSpeaker.imgUrl} alt={selectedSpeaker.name} />
@@ -50,7 +49,6 @@ const PersonalityMenu: React.FC<{ isOpen: boolean; onClose: () => void; onSelect
           <p>{selectedSpeaker.desc}</p>
         </div>
         <hr className="menu-divider" />
-
         <h4 className="menu-subtitle">انتخاب شخصیت</h4>
         <ul>
           {(Object.keys(personalityIcons) as PersonalityType[]).map(key => (
@@ -78,7 +76,7 @@ const PersonalityMenu: React.FC<{ isOpen: boolean; onClose: () => void; onSelect
 // کامپوننت داخلی اصلی برنامه
 const AppInternal: React.FC = () => {
   const videoRef = useRef<HTMLVideoElement>(null);
-  const { volume, changePersonality, customUserName, customInstructions, selectedVoice } = useAppContext();
+  const { volume, changePersonality, customUserName, customInstructions } = useAppContext();
   const [isUserSpeaking, setIsUserSpeaking] = useState(false);
   const [isMicActive, setIsMicActive] = useState(false);
   const [isCamActive, setIsCamActive] = useState(false);
@@ -88,40 +86,21 @@ const AppInternal: React.FC = () => {
   const [isCustomModalOpen, setIsCustomModalOpen] = useState(false);
   const notificationButtonRef = useRef<HTMLButtonElement>(null);
   const notificationPopoverRef = useRef<HTMLDivElement>(null);
-  const [confirmationMessage, setConfirmationMessage] = useState<string | null>(null);
-
-  // ✅ منطق جدید برای پیغام تایید
-  const showConfirmation = (message: string) => {
-    setConfirmationMessage(message);
-    setTimeout(() => setConfirmationMessage(null), 3000); // پیغام بعد از ۳ ثانیه محو می‌شود
-  };
 
+  // ✅ تغییر ۱: تمام منطق مربوط به پیغام تایید حذف شد
   const handleSelectPersonality = (p: PersonalityType) => {
     setIsPersonalityMenuOpen(false);
     if (p === 'custom') {
       setIsCustomModalOpen(true);
     } else {
       changePersonality(p);
-      const personalityLabels: Record<PersonalityType, string> = { default: 'دستیار پیش‌فرض', teacher: 'استاد زبان', poetic: 'حس خوب', funny: 'شوخ‌طبع', custom: 'شخصیت اختصاصی' };
-      showConfirmation(`شخصیت به ${personalityLabels[p]} تغییر کرد`);
     }
   };
 
   const handleSaveCustom = (name: string, instructions: string) => {
     changePersonality('custom', { name, instructions });
-    showConfirmation("شخصیت اختصاصی با موفقیت ذخیره شد");
   };
-
-  // ✅ هوک برای نمایش پیغام تایید هنگام تغییر گوینده
-  useEffect(() => {
-    if(isPersonalityMenuOpen) return; // جلوگیری از نمایش هنگام باز بودن منو
-    const speaker = speakers.find(s => s.id === selectedVoice);
-    if (speaker) {
-      showConfirmation(`گوینده به ${speaker.name} تغییر کرد`);
-    }
-  }, [selectedVoice]);
-
-
+  
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (isNotificationOpen && notificationPopoverRef.current && !notificationPopoverRef.current.contains(event.target as Node) && notificationButtonRef.current && !notificationButtonRef.current.contains(event.target as Node)) setIsNotificationOpen(false);
@@ -154,12 +133,7 @@ const AppInternal: React.FC = () => {
         <ControlTray videoRef={videoRef} onUserSpeakingChange={setIsUserSpeaking} isAppMicActive={isMicActive} onAppMicToggle={setIsMicActive} isAppCamActive={isCamActive} onAppCamToggle={setIsCamActive} currentFacingMode={currentFacingMode} onFacingModeChange={setCurrentFacingMode} />
       </div>
       <CustomModal isOpen={isCustomModalOpen} onClose={() => setIsCustomModalOpen(false)} onSave={handleSaveCustom} initialName={customUserName} initialInstructions={customInstructions} />
-      {/* ✅ JSX برای نمایش پیغام تایید */}
-      {confirmationMessage && (
-        <div className="confirmation-toast">
-          {confirmationMessage}
-        </div>
-      )}
+      {/* ✅ تغییر ۲: JSX مربوط به نمایش پیغام تایید حذف شد */}
     </>
   );
 };