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