Ezmary commited on
Commit
4999e7d
·
verified ·
1 Parent(s): 27a5a57

Update src/components/control-tray/ControlTray.tsx

Browse files
src/components/control-tray/ControlTray.tsx CHANGED
@@ -32,7 +32,7 @@ const ControlTray: React.FC<ControlTrayProps> = ({
32
  currentFacingMode,
33
  onFacingModeChange,
34
  }) => {
35
- const { client, connected, connect, volume } = useLiveAPIContext(); // <-- دریافت volume
36
  const [audioRecorder] = useState(() => new AudioRecorder());
37
  const [activeLocalVideoStream, setActiveLocalVideoStream] = useState<MediaStream | null>(null);
38
  const [isSwitchingCamera, setIsSwitchingCamera] = useState(false);
@@ -229,14 +229,17 @@ const ControlTray: React.FC<ControlTrayProps> = ({
229
  </div>
230
 
231
  {(isAppMicActive || isAppCamActive) && (
232
- <div id="small-logo-footer-container" className="small-logo-footer-html-like">
233
- {/* --- 👇 تغییر در اینجا: پاس دادن volume و isAppMicActive 👇 --- */}
 
 
 
 
234
  <Logo
235
  isMini={true}
236
  isActive={true}
237
- isAi={true}
238
  speakingVolume={volume}
239
- isUserSpeaking={isAppMicActive}
240
  />
241
  </div>
242
  )}
 
32
  currentFacingMode,
33
  onFacingModeChange,
34
  }) => {
35
+ const { client, connected, connect, volume } = useLiveAPIContext();
36
  const [audioRecorder] = useState(() => new AudioRecorder());
37
  const [activeLocalVideoStream, setActiveLocalVideoStream] = useState<MediaStream | null>(null);
38
  const [isSwitchingCamera, setIsSwitchingCamera] = useState(false);
 
229
  </div>
230
 
231
  {(isAppMicActive || isAppCamActive) && (
232
+ <div
233
+ id="small-logo-footer-container"
234
+ className={cn("small-logo-footer-html-like", {
235
+ 'user-is-speaking-pulse': isAppMicActive,
236
+ })}
237
+ >
238
  <Logo
239
  isMini={true}
240
  isActive={true}
241
+ isAi={false}
242
  speakingVolume={volume}
 
243
  />
244
  </div>
245
  )}