incorporate "missing" and "declined" call statuses
This commit is contained in:
@@ -9,16 +9,17 @@ import { secondsToTime } from '../lib/strformat.js';
|
||||
// success: true | false.
|
||||
export default class CallStatus extends React.PureComponent {
|
||||
render() {
|
||||
const isCallDropped = this.props.callState == 'disconnected';
|
||||
const isCallDropped = ['declined', 'disconnected', 'missed'].includes(this.props.callState);
|
||||
const icon2 = this.props.incoming ?
|
||||
(isCallDropped ? 'call_missed' : 'call_received') :
|
||||
(isCallDropped ? 'call_missed_outgoing' : 'call_made');
|
||||
const duration = isCallDropped ? (
|
||||
this.props.incoming ?
|
||||
<FormattedMessage id="call_missed" defaultMessage="missed" description="Label for cancelled incoming call" /> :
|
||||
<FormattedMessage id="call_cancelled" defaultMessage="cancelled" description="Label for cancelled outgoing call" />
|
||||
this.props.incoming ? (this.props.callState == 'declined' ?
|
||||
<FormattedMessage id="call_declined" defaultMessage="declined" description="Label for declined incoming call" /> :
|
||||
<FormattedMessage id="call_missed" defaultMessage="missed" description="Label for missed incoming call" />
|
||||
) :
|
||||
<span>{secondsToTime(this.props.duration / 1000)}</span>;
|
||||
<FormattedMessage id="call_cancelled" defaultMessage="cancelled" description="Label for cancelled outgoing call" />
|
||||
) : <span>{secondsToTime(this.props.duration / 1000)}</span>;
|
||||
return (
|
||||
<>
|
||||
<div className="composed-material">
|
||||
|
||||
Reference in New Issue
Block a user