jketreno/ai-voicebot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed buttons on mobile

Browse Source
This commit is contained in:
James Ketr 2025-09-16 09:53:41 -07:00
parent cab90b6567
commit 046321dafb
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/MediaControl.tsx
View File

@ -7,6 +7,7 @@ import Mic from "@mui/icons-material/Mic";
import VideocamOff from "@mui/icons-material/VideocamOff";
import Videocam from "@mui/icons-material/Videocam";
import Box from "@mui/material/Box";
import IconButton from "@mui/material/IconButton";
import useWebSocket, { ReadyState } from "react-use-websocket";
import { Session } from "./GlobalContext";
import WebRTCStatus from "./WebRTCStatus";
@ -1599,16 +1600,17 @@ const MediaControl: React.FC<MediaControlProps> = ({ isSelf, peer, className })
>
<Box className="Controls">
{isSelf ? (
// onTouchStart={toggleMute}
<div onClick={toggleMute}>{muted ? <MicOff color={colorAudio} /> : <Mic color={colorAudio} />}</div>
<IconButton onClick={toggleMute} onTouchStart={toggleMute}>
{muted ? <MicOff color={colorAudio} /> : <Mic color={colorAudio} />}
</IconButton>
) : (
<div onClick={toggleMute}>
<IconButton onClick={toggleMute} onTouchStart={toggleMute}>
{muted ? <VolumeOff color={colorAudio} /> : <VolumeUp color={colorAudio} />}
</div>
</IconButton>
)}
<div onClick={toggleVideo}>
<IconButton onClick={toggleVideo} onTouchStart={toggleVideo}>
{videoOn ? <Videocam color={colorVideo} /> : <VideocamOff color={colorVideo} />}
</div>
</IconButton>
</Box>
{isValid ? (
peer.attributes?.srcObject && (