Update src/App.tsx

src/App.tsx

@@ -1,4 +1,4 @@
-// src/App.tsx (نسخه نهایی با اصلاحات ظاهری)
+// src/App.tsx (نسخه نهایی با رفع خطای isAppCamActive)
 import React, { useEffect, useRef, useState, FC } from "react";
 import './App.scss';
 import { AppProvider, useAppContext, PersonalityType, PersonalityInstructions } from "./contexts/AppContext";
@@ -9,7 +9,7 @@ import cn from "classnames";
 import Logo from "./components/logo/Logo";
 import { LiveConfig } from "./multimodal-live-types";
 
-// کامپوننت مودال (که قبلاً در فایل جدا بود، برای سادگی اینجا قرار گرفته)
+// کامپوننت مودال
 interface CustomModalProps {
   isOpen: boolean;
   onClose: () => void;
@@ -101,22 +101,27 @@ const AppInternal: React.FC = () => {
         <PersonalityMenu isOpen={isPersonalityMenuOpen} onClose={() => setIsPersonalityMenuOpen(false)} onSelect={handleSelectPersonality} />
         
         <div className="media-area">
-          {/* ✅ تغییر اصلی اینجاست: افزودن کلاس‌های موقعیت‌یابی و اندازه */}
           <video 
             id="video-feed" 
             ref={videoRef} 
             autoPlay 
             playsInline 
-            className={cn(
-              'absolute top-0 left-0 w-full h-full object-cover', // <-- این کلاس‌ها ویدیو را تمام‌صفحه می‌کنند
-              { hidden: !isCamActive }, 
-              { "scale-x-[-1]": currentFacingMode === 'user' }
-            )} 
+            className={cn('absolute top-0 left-0 w-full h-full object-cover', { hidden: !isCamActive }, { "scale-x-[-1]": currentFacingMode === 'user' })} 
           />
           {isMicActive && !isCamActive && <div id="large-logo-container"><Logo isMini={false} isActive={true} isAi={false} speakingVolume={volume} isUserSpeaking={isUserSpeaking} /></div>}
         </div>
 
-        <ControlTray videoRef={videoRef} onUserSpeakingChange={setIsUserSpeaking} isAppMicActive={isMicActive} onAppMicToggle={setIsMicActive} isAppCamActive={isAppCamActive} onAppCamToggle={setIsCamActive} currentFacingMode={currentFacingMode} onFacingModeChange={setCurrentFacingMode} />
+        {/* ✅✅✅ رفع خطا اینجاست ✅✅✅ */}
+        <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={(name, instructions) => changePersonality('custom', { name, instructions })} initialName={customUserName} initialInstructions={customInstructions} />
     </>