32 lines
781 B
JavaScript
Executable File
32 lines
781 B
JavaScript
Executable File
import React from 'react';
|
|
import Button from '/imports/ui/components/button/component';
|
|
import styles from '../styles.scss';
|
|
|
|
export default class MuteAudio extends React.Component {
|
|
|
|
render() {
|
|
const { isInAudio, isMuted, callback, isTalking} = this.props;
|
|
let label = !isMuted ? 'Mute' : 'Unmute';
|
|
let icon = !isMuted ? 'audio' : 'audio-off';
|
|
let className = !isInAudio ? styles.invisible : null;
|
|
let tabIndex = !isInAudio ? -1 : 0;
|
|
|
|
if (isInAudio && isTalking) {
|
|
className = styles.circleGlow;
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
onClick={callback}
|
|
label={label}
|
|
color={'primary'}
|
|
icon={icon}
|
|
size={'lg'}
|
|
circle={true}
|
|
className={className}
|
|
tabIndex={tabIndex}
|
|
/>
|
|
);
|
|
}
|
|
}
|