imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Handle missed calls

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-06-01 11:28:45 +02:00
parent 5b3967a486
commit 0785997983
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
3 changed files with 38 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/views/messages/CallEvent.tsx
View file

@ -19,7 +19,7 @@ import React from 'react';
import { MatrixEvent } from "matrix-js-sdk/src/models/event";
import { _t, _td } from '../../../languageHandler';
import MemberAvatar from '../avatars/MemberAvatar';
import CallEventGrouper, { CallEventGrouperEvent } from '../../structures/CallEventGrouper';
import CallEventGrouper, { CallEventGrouperEvent, CustomCallState } from '../../structures/CallEventGrouper';
import FormButton from '../elements/FormButton';
import { CallState } from 'matrix-js-sdk/src/webrtc/call';
@ -29,10 +29,10 @@ interface IProps {
}
interface IState {
callState: CallState;
callState: CallState | CustomCallState;
}
const TEXTUAL_STATES = new Map([
const TEXTUAL_STATES: Map<CallState | CustomCallState, string> = new Map([
[CallState.Connected, _td("Connected")],
[CallState.Connecting, _td("Connecting")],
[CallState.Ended, _td("This call has ended")],
@ -69,14 +69,11 @@ export default class CallEvent extends React.Component<IProps, IState> {
content = (
<div className="mx_CallEvent_content">
<FormButton
className={"mx_IncomingCallBox_decline"}
onClick={this.props.callEventGrouper.rejectCall}
kind="danger"
label={_t("Decline")}
/>
<div className="mx_IncomingCallBox_spacer" />
<FormButton
className={"mx_IncomingCallBox_accept"}
onClick={this.props.callEventGrouper.answerCall}
kind="primary"
label={_t("Accept")}
@ -89,6 +86,18 @@ export default class CallEvent extends React.Component<IProps, IState> {
{ TEXTUAL_STATES.get(state) }
</div>
);
} else if (state === CustomCallState.Missed) {
content = (
<div className="mx_CallEvent_content">
{ _t("You missed this call") }
<FormButton
className="mx_CallEvent_content_callBack"
onClick={this.props.callEventGrouper.callBack}
kind="primary"
label={_t("Call back")}
/>
</div>
);
} else {
content = (
<div className="mx_CallEvent_content">