Spaces:
Running
Running
Update src/App.tsx
Browse files- src/App.tsx +4 -3
src/App.tsx
CHANGED
@@ -1,4 +1,5 @@
|
|
1 |
-
// src/App.tsx (نسخه نهایی با آیکون جدید
|
|
|
2 |
import React, { useEffect, useRef, useState, FC } from "react";
|
3 |
import './App.scss';
|
4 |
import { AppProvider, useAppContext, PersonalityType, PersonalityInstructions } from "./contexts/AppContext";
|
@@ -99,7 +100,7 @@ const AppInternal: React.FC = () => {
|
|
99 |
<div className="main-wrapper">
|
100 |
<div className="header-controls">
|
101 |
<button aria-label="انتخاب شخصیت" className="header-icon-button" onClick={() => setIsPersonalityMenuOpen(v => !v)}>
|
102 |
-
{/* ✅ تغییر
|
103 |
<span className="material-symbols-outlined">theater_comedy</span>
|
104 |
</button>
|
105 |
<button ref={notificationButtonRef} aria-label="اطلاعات" className="header-icon-button" onClick={() => setIsNotificationOpen(v => !v)}>
|
@@ -119,7 +120,7 @@ const AppInternal: React.FC = () => {
|
|
119 |
<video id="video-feed" ref={videoRef} autoPlay playsInline className={cn({ hidden: !isCamActive }, { "scale-x-[-1]": currentFacingMode === 'user' })} />
|
120 |
{isMicActive && !isCamActive && <div id="large-logo-container"><Logo isMini={false} isActive={true} isAi={false} speakingVolume={volume} isUserSpeaking={isUserSpeaking} /></div>}
|
121 |
</div>
|
122 |
-
<ControlTray videoRef={videoRef} onUserSpeakingChange={setIsUserSpeaking} isAppMicActive={isMicActive} onAppMicToggle={setIsMicActive} isAppCamActive={
|
123 |
</div>
|
124 |
<CustomModal isOpen={isCustomModalOpen} onClose={() => setIsCustomModalOpen(false)} onSave={(name, instructions) => changePersonality('custom', { name, instructions })} initialName={customUserName} initialInstructions={customInstructions} />
|
125 |
</>
|
|
|
1 |
+
// src/App.tsx (نسخه نهایی با آیکون شخصیت جدید)
|
2 |
+
|
3 |
import React, { useEffect, useRef, useState, FC } from "react";
|
4 |
import './App.scss';
|
5 |
import { AppProvider, useAppContext, PersonalityType, PersonalityInstructions } from "./contexts/AppContext";
|
|
|
100 |
<div className="main-wrapper">
|
101 |
<div className="header-controls">
|
102 |
<button aria-label="انتخاب شخصیت" className="header-icon-button" onClick={() => setIsPersonalityMenuOpen(v => !v)}>
|
103 |
+
{/* ✅ تغییر اصلی اینجاست: آیکون جدید جایگزین شد */}
|
104 |
<span className="material-symbols-outlined">theater_comedy</span>
|
105 |
</button>
|
106 |
<button ref={notificationButtonRef} aria-label="اطلاعات" className="header-icon-button" onClick={() => setIsNotificationOpen(v => !v)}>
|
|
|
120 |
<video id="video-feed" ref={videoRef} autoPlay playsInline className={cn({ hidden: !isCamActive }, { "scale-x-[-1]": currentFacingMode === 'user' })} />
|
121 |
{isMicActive && !isCamActive && <div id="large-logo-container"><Logo isMini={false} isActive={true} isAi={false} speakingVolume={volume} isUserSpeaking={isUserSpeaking} /></div>}
|
122 |
</div>
|
123 |
+
<ControlTray videoRef={videoRef} onUserSpeakingChange={setIsUserSpeaking} isAppMicActive={isMicActive} onAppMicToggle={setIsMicActive} isAppCamActive={isAppCamActive} onAppCamToggle={setIsCamActive} currentFacingMode={currentFacingMode} onFacingModeChange={setCurrentFacingMode} />
|
124 |
</div>
|
125 |
<CustomModal isOpen={isCustomModalOpen} onClose={() => setIsCustomModalOpen(false)} onSave={(name, instructions) => changePersonality('custom', { name, instructions })} initialName={customUserName} initialInstructions={customInstructions} />
|
126 |
</>
|