Update src/App.tsx

src/App.tsx

@@ -17,7 +17,7 @@ import { LiveAPIProvider, useLiveAPIContext } from "./contexts/LiveAPIContext";
 // SidePanel and Altair are part of the original Gemini UI.
 // You need to decide if/how they fit into the new UI.
 // For now, we'll include them but they might need styling or to be conditionally rendered.
-import SidePanel from "./components/side-panel/SidePanel";
+// import SidePanel from "./components/side-panel/SidePanel"; // اگر استفاده نمیکنید کامنت کنید
 import { Altair } from "./components/altair/Altair";
 import ControlTray from "./components/control-tray/ControlTray"; // This will be our new footer
 import { IOSModal } from "./components/ios-modal/IOSModal";
@@ -154,7 +154,7 @@ function AppContent() {
     const [videoStream, setVideoStream] = useState<MediaStream | null>(null);
     const [showIOSModal, setShowIOSModal] = useState(false);
     const [isAllowedOrigin, setIsAllowedOrigin] = useState<boolean | null>(null);
-    const [isNotificationOpen, setIsNotificationOpen] useState(false);
+    const [isNotificationOpen, setIsNotificationOpen] = useState(false); // <--- اصلاح در این خط
     const notificationPopoverRef = useRef<HTMLDivElement>(null);
     const notificationButtonRef = useRef<HTMLButtonElement>(null);
 
@@ -225,19 +225,11 @@ function AppContent() {
         }
     }, []);
     
-    // Update CSS --volume variable for mic pulse animation
     useEffect(() => {
-        // The volume from useLiveAPIContext is the output volume.
-        // For input volume pulse, ControlTray will handle its own state if it keeps AudioPulse logic
-        // Or, if App.tsx controls the mic button directly, it would need input volume.
-        // For now, let's assume ControlTray handles the visual pulse based on its internal state or props.
-        // If we want the pulse on the App's mic button, we need the input volume here.
-        // The original ControlTray uses 'inVolume' from AudioRecorder.
-        // Let's pass the 'volume' (output volume) from context to ControlTray for now.
-        // Or better, ControlTray should get inVolume itself if it renders the mic button.
-        // Let's assume `volume` from `useLiveAPIContext` is for the *output* visualization.
-        // The mic button pulse in new design is different (CSS based on active state and --volume from recorder)
-        // `ControlTray` will manage its own input volume for the pulse.
+        // This useEffect was intended for CSS --volume for mic pulse,
+        // but ControlTray.tsx now handles its own inVolume for that.
+        // This 'volume' from useLiveAPIContext is usually output volume.
+        // If you need to visualize output volume elsewhere, you can use it.
     }, [volume]);
 
 
@@ -249,15 +241,9 @@ function AppContent() {
         return <div style={{ padding: '20px', textAlign: 'center', color: 'red' }}>دسترسی غیرمجاز! اگر چت صوتی و تصویری برای شما باز نمیشود این لینک رو با مرورگر کروم باز کنید و همچنین مرورگر کروم رو به عنوان مرورگر پیشفرض گوشی خود قرار دهید تا هر بار زدن روی دکمه شروع داخل برنامه لینک با مرورگر کروم باز بشه، برای پیشفرض قرار دادن مرورگر کروم وارد تنظیمات گوشی خود شوید قسمت برنامه ها ، مدیریت برنامه ها رو کلیک کنید بالای صفحه روی سه نقطه بزنید و تنظیمات بیشتر رو انتخاب کنید بعدا وارد قسمت برنامه های پیش فرض شوید و مرورگر کروم رو به عنوان مرورگر پیشفرض خود قرار دهید، اگر مشکلی بود حتماً به پشتیبانی برنامه پیام بفرستید</div>;
     }
 
-    // If you keep SidePanel and Altair, they need to be integrated into the new layout.
-    // For this example, I'm wrapping the new UI structure.
-    // The original structure was <SidePanel /> <main> <Altair /> <video /> <ControlTray /> </main>
-    // This might need careful restyling if SidePanel and Altair are to be used with the new fullscreen-like UI.
-    // For simplicity, I'll focus on the new UI elements and keep Altair for chat display.
-
     return (
         <div className="App"> {/* Main container from original Gemini App */}
-            {/* <SidePanel />  // You may want to hide or reposition this */}
+            {/* <SidePanel />  // اگر استفاده نمیکنید کامنت کنید یا حذف کنید */}
             <main> {/* Original main, Altair will go here */}
                 <div className="main-app-area"> {/* For Altair and video */}
                      {/* Altair is the chat bubbles. Position it as needed. */}