/* eslint-disable lines-around-comment */ import { Theme } from '@mui/material'; import React from 'react'; import { WithTranslation } from 'react-i18next'; import { makeStyles } from 'tss-react/mui'; // @ts-ignore import { Avatar } from '../../../base/avatar'; import { translate } from '../../../base/i18n/functions'; import Icon from '../../../base/icons/components/Icon'; import { IconClose } from '../../../base/icons/svg'; // @ts-ignore import Label from '../Label'; interface Props extends WithTranslation { /** * The phone number that is being called. */ number: string; /** * Closes the dialog. */ onClose: Function; /** * Handler used on hangup click. */ onHangup: Function; /** * The status of the call. */ status: string; } const useStyles = makeStyles()((theme: Theme) => { return { callingDialog: { padding: theme.spacing(3), textAlign: 'center', '& .prejoin-dialog-calling-header': { textAlign: 'right' }, '& .prejoin-dialog-calling-label': { fontSize: '15px', margin: `${theme.spacing(2)} 0 ${theme.spacing(3)} 0` }, '& .prejoin-dialog-calling-number': { fontSize: '19px', lineHeight: '28px', margin: `${theme.spacing(3)} 0` } } }; }); /** * Dialog displayed when the user gets called by the meeting. * * @param {Props} props - The props of the component. * @returns {ReactElement} */ function CallingDialog(props: Props) { const { number, onClose, status, t } = props; const { classes } = useStyles(); return (
{number}
); } export default translate(CallingDialog);