matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-05 23:10:41 +03:00
Code Activity

Manage some more call states

Browse Source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner
2021-06-01 10:33:44 +02:00
parent f96e25d833
commit c1fcadba3b
2 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/views/messages/CallEvent.tsx
View File

@@ -32,6 +32,12 @@ interface IState {
callState: CallState;
}
const TEXTUAL_STATES = new Map([
[CallState.Connected, _t("Connected")],
[CallState.Connecting, _t("Connecting")],
[CallState.Ended, _t("This call has ended")],
]);
export default class CallEvent extends React.Component<IProps, IState> {
constructor(props: IProps) {
super(props);
@@ -49,7 +55,7 @@ export default class CallEvent extends React.Component<IProps, IState> {
this.props.callEventGrouper.removeListener(CallEventGrouperEvent.StateChanged, this.onStateChanged);
}
private onStateChanged = (newState: CallEventGrouperState) => {
private onStateChanged = (newState: CallState) => {
this.setState({callState: newState});
}
@@ -57,8 +63,9 @@ export default class CallEvent extends React.Component<IProps, IState> {
const event = this.props.mxEvent;
const sender = event.sender ? event.sender.name : event.getSender();
const state = this.state.callState;
let content;
if (this.state.callState === CallState.Ringing) {
if (state === CallState.Ringing) {
content = (
<div className="mx_CallEvent_content">
<FormButton
@@ -76,6 +83,18 @@ export default class CallEvent extends React.Component<IProps, IState> {
/>
</div>
);
} else if (Array.from(TEXTUAL_STATES.keys()).includes(state)) {
content = (
<div className="mx_CallEvent_content">
{ TEXTUAL_STATES.get(state) }
</div>
);
} else {
content = (
<div className="mx_CallEvent_content">
{ _t("The call is in an unknown state!") }
</div>
);
}
return (