1f82ce3d19
- Move the existing components for the static dial in page into a separate folder for easier reuse. - Reuse those components for displaying dial-on numbers on the mobile page for unsupported browsers. - Modify those components to support having tel protocol links on the dial-in numbers. - Have DialInSummary, formerly DialInInfoPage, respect a passed in className prop for easier styling differences.
47 lines
1009 B
JavaScript
47 lines
1009 B
JavaScript
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
|
|
import { translate } from '../../../base/i18n';
|
|
|
|
/**
|
|
* Displays a conference ID used as a pin for dialing into a conferene.
|
|
*
|
|
* @extends Component
|
|
*/
|
|
class ConferenceID extends Component {
|
|
/**
|
|
* {@code ConferenceID} component's property types.
|
|
*
|
|
* @static
|
|
*/
|
|
static propTypes = {
|
|
/**
|
|
* The conference ID for dialing in.
|
|
*/
|
|
conferenceID: PropTypes.number,
|
|
|
|
/**
|
|
* Invoked to obtain translated strings.
|
|
*/
|
|
t: PropTypes.func
|
|
};
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
const { conferenceID, t } = this.props;
|
|
|
|
return (
|
|
<div className = 'dial-in-conference-id'>
|
|
{ t('info.dialANumber', { conferenceID }) }
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default translate(ConferenceID);
|