34 lines
696 B
JavaScript
34 lines
696 B
JavaScript
// @flow
|
|
import React from 'react';
|
|
import Button from 'component/button';
|
|
|
|
type Props = {
|
|
uri: string,
|
|
isMuted: boolean,
|
|
channelClaim: ?ChannelClaim,
|
|
doChannelMute: (string, boolean) => void,
|
|
doChannelUnmute: (string, boolean) => void,
|
|
};
|
|
|
|
function ChannelBlockButton(props: Props) {
|
|
const { uri, doChannelMute, doChannelUnmute, isMuted } = props;
|
|
|
|
function handleClick() {
|
|
if (isMuted) {
|
|
doChannelUnmute(uri, false);
|
|
} else {
|
|
doChannelMute(uri, false);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
button={isMuted ? 'alt' : 'secondary'}
|
|
label={isMuted ? __('Unmute') : __('Mute')}
|
|
onClick={handleClick}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default ChannelBlockButton;
|