// @flow import React from 'react'; import { translate } from '../../../base/i18n'; import { Icon, IconArrowLeft } from '../../../base/icons'; import { ActionButton } from '../../../base/premeeting'; import { getCountryCodeFromPhone } from '../../utils'; import Label from '../Label'; type Props = { /** * The number to call in order to join the conference. */ number: string, /** * Handler used when clicking the back button. */ onBack: Function, /** * Click handler for the text button. */ onTextButtonClick: Function, /** * Click handler for primary button. */ onPrimaryButtonClick: Function, /** * Click handler for the small additional text. */ onSmallTextClick: Function, /** * The passCode of the conference. */ passCode: string, /** * Used for translation. */ t: Function, }; /** * This component displays the dialog whith all the information * to join a meeting by calling it. * * @param {Props} props - The props of the component. * @returns {React$Element} */ function DialinDialog(props: Props) { const { number, onBack, onPrimaryButtonClick, onSmallTextClick, onTextButtonClick, passCode, t } = props; const flagClassName = `prejoin-dialog-flag iti-flag ${getCountryCodeFromPhone( number, )}`; return (
{t('prejoin.dialInMeeting')}
{number}
{passCode}
{t('prejoin.viewAllNumbers')}
{t('prejoin.joinMeeting')} {t('dialog.Cancel')}
); } export default translate(DialinDialog);