Spaces:
Running
Running
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();
|
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
|
233 |
-
|
|
|
|
|
|
|
|
|
234 |
<Logo
|
235 |
isMini={true}
|
236 |
isActive={true}
|
237 |
-
isAi={
|
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 |
)}
|