Update src/App.tsx

src/App.tsx

@@ -2,15 +2,7 @@
 
 /**
 Copyright 2024 Google LLC
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+... (لایسنس) ...
 */
 
 import React, { useEffect, useRef, useState } from "react";
@@ -24,7 +16,6 @@ import { LiveConfig } from "./multimodal-live-types";
 import LogoAnimation from "./components/logo-animation/LogoAnimation";
 import BackButton from "./components/back-button/BackButton";
 
-// *** NEW: دستورالعمل‌های جدید ربات ***
 const myCustomInstruction = `
 تو دستیار صوتی و تصویری پیشرفته از "اپلیکیشن هوش مصنوعی هوشان" هستی
 وظیفه اصلی تو کمک به کاربر است.
@@ -44,7 +35,7 @@ const myCustomInstruction = `
 `.trim();
 
 const initialAppConfig: LiveConfig = {
-  model: "models/gemini-2.0-flash-exp", // یا مدل دیگری که استفاده می‌کنید
+  model: "models/gemini-2.0-flash-exp",
   systemInstruction: {
     parts: [{ text: myCustomInstruction }],
   },
@@ -57,7 +48,6 @@ const SvgReferenceMicrophoneIcon = () => (
     </svg>
 );
 
-// این کامپوننت داخلی برای مدیریت بهتر state ها و props ها است
 const AppCore: React.FC<{
   currentFacingMode: 'user' | 'environment';
   setCurrentFacingMode: React.Dispatch<React.SetStateAction<'user' | 'environment'>>;
@@ -107,7 +97,7 @@ const AppCore: React.FC<{
       </div>
       <div ref={notificationPopoverRef} id="notification-popover-wrapper" className="notification-popover-wrapper">
         <div id="notification-popover" className={cn("popover-content", { "open animate-popover-open-top-center": isNotificationOpen, "animate-popover-close-top-center": !isNotificationOpen && typeof document !== 'undefined' && document.getElementById('notification-popover')?.classList.contains('open'), })}>
-          <div className="notification-popover-text-content">مدل‌های هوش مصنوعی می‌توانند اشتباه کنند، صحت اطلاعات مهم را بررسی کنید و از بیان اطلاعات حساس بپرهیزید.</div>
+          <div className="notification-popover-text-content">مدل‌های هوش مصنوعی می‌توانند اشتباه کنند، صحت اطلاعات مهم را بررسی کنید و از وارد کردن اطلاعات حساس بپرهیزید.</div>
         </div>
       </div>
       <div className="media-area w-full flex flex-col items-center justify-center flex-grow relative">
@@ -121,7 +111,7 @@ const AppCore: React.FC<{
       <ControlTray
         videoRef={videoRef}
         supportsVideo={true}
-        onVideoStreamChange={(stream) => { /* ... */ }}
+        onVideoStreamChange={(stream) => { if(videoRef.current && stream) videoRef.current.srcObject = stream; else if(videoRef.current) videoRef.current.srcObject = null; }} // ساده شده
         isAppMicActive={isMicActive}
         onAppMicToggle={setIsMicActive}
         isAppCamActive={isCamActive}
@@ -134,7 +124,6 @@ const AppCore: React.FC<{
   );
 };
 
-
 function App() {
   const [showIOSModal, setShowIOSModal] = useState(false);
   const [isAllowedOrigin, setIsAllowedOrigin] = useState<boolean | null>(null);
@@ -145,7 +134,7 @@ function App() {
 
   return (
     <LiveAPIProvider initialConfig={initialAppConfig}>
-      <div className="w-full flex flex-col items-center justify-center min-h-screen text-foreground antialiased"> {/* این div والد اصلی است */}
+      <div className="w-full flex flex-col items-center justify-center min-h-screen text-foreground antialiased">
         <AppCore currentFacingMode={currentFacingMode} setCurrentFacingMode={setCurrentFacingMode} />
       </div>
       <IOSModal isOpen={showIOSModal} onClose={() => setShowIOSModal(false)} />