bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/presentation/presentation-close-button/component.jsx
2021-08-27 15:34:01 -03:00

30 lines
886 B
JavaScript
Executable File

import React from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import Button from '/imports/ui/components/button/component';
import { styles } from './styles';
const intlMessages = defineMessages({
closePresentationLabel: {
id: 'app.presentation.hide',
description: 'Hide presentation label',
},
});
const ClosePresentationComponent = ({
intl, toggleSwapLayout, layoutContextDispatch, isIphone,
}) => (
<Button
color="primary"
icon="minus"
size="sm"
data-test="hidePresentationButton"
onClick={() => toggleSwapLayout(layoutContextDispatch)}
label={intl.formatMessage(intlMessages.closePresentationLabel)}
aria-label={intl.formatMessage(intlMessages.closePresentationLabel)}
hideLabel
className={isIphone ? styles.button : styles.buttonWithMargin}
/>
);
export default injectIntl(ClosePresentationComponent);