From 30365ca1ad2293562cc41ae926b483555353b6a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Tue, 1 Jun 2021 10:03:17 +0200
Subject: [PATCH] Allow picking up calls from the timeline
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/components/structures/CallEventGrouper.ts |  6 +++---
 src/components/views/messages/CallEvent.tsx   | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/structures/CallEventGrouper.ts b/src/components/structures/CallEventGrouper.ts
index 41e67f580d..ab89e48ec6 100644
--- a/src/components/structures/CallEventGrouper.ts
+++ b/src/components/structures/CallEventGrouper.ts
@@ -35,15 +35,15 @@ export default class CallEventGrouper extends EventEmitter {
     call: MatrixCall;
     state: CallEventGrouperState;
 
-    public answerCall() {
+    public answerCall = () => {
         this.call?.answer();
     }
 
-    public rejectCall() {
+    public rejectCall = () => {
         this.call?.reject();
     }
 
-    public callBack() {
+    public callBack = () => {
 
     }
 
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index 88b1498272..0806934420 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -57,6 +57,25 @@ export default class CallEvent extends React.Component<IProps, IState> {
         const sender = event.sender ? event.sender.name : event.getSender();
 
         let content;
+        if (this.state.callState === CallEventGrouperState.Incoming) {
+            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")}
+                    />
+                </div>
+            );
+        }
 
         return (
             <div className="mx_CallEvent">