58 lines
1.3 KiB
JavaScript
Executable File
58 lines
1.3 KiB
JavaScript
Executable File
import React from 'react';
|
|
import Button from '/imports/ui/components/button/component';
|
|
import styles from '../styles.scss';
|
|
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
|
|
const intlMessages = defineMessages({
|
|
muteLabel: {
|
|
id: 'app.actionsBar.muteLabel',
|
|
description: 'Mute audio button label',
|
|
},
|
|
unmuteLabel: {
|
|
id: 'app.actionsBar.unmuteLabel',
|
|
description: 'Unmute audio button label',
|
|
},
|
|
});
|
|
|
|
class MuteAudio extends React.Component {
|
|
|
|
render() {
|
|
const {
|
|
isInAudio,
|
|
isMuted,
|
|
callback,
|
|
isTalking,
|
|
intl,
|
|
} = this.props;
|
|
|
|
if (!isInAudio) return null;
|
|
const muteLabel = intl.formatMessage(intlMessages.muteLabel);
|
|
const unmuteLabel = intl.formatMessage(intlMessages.unmuteLabel);
|
|
|
|
let label = !isMuted ? muteLabel : unmuteLabel;
|
|
let icon = !isMuted ? 'unmute' : 'mute';
|
|
let tabIndex = !isInAudio ? -1 : 0;
|
|
let className = null;
|
|
|
|
if (isInAudio && isTalking) {
|
|
className = styles.circleGlow;
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
onClick={callback}
|
|
label={label}
|
|
color={'primary'}
|
|
icon={icon}
|
|
size={'lg'}
|
|
circle={true}
|
|
className={className}
|
|
tabIndex={tabIndex}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default injectIntl(MuteAudio);
|