From 23e4b67a69a61cd406012ee4b1c4344734e99664 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Sat, 18 Jul 2020 17:14:20 +0530
Subject: [PATCH] Convert HeaderButton to TS

---
 src/components/views/right_panel/HeaderButton.tsx      |  2 +-
 src/components/views/right_panel/HeaderButtons.tsx     |  4 ++--
 .../{RoomHeaderButtons.js => RoomHeaderButtons.tsx}    |  0
 src/dispatcher/payloads/SetRightPanelPhasePayload.ts   | 10 ++++++----
 4 files changed, 9 insertions(+), 7 deletions(-)
 rename src/components/views/right_panel/{RoomHeaderButtons.js => RoomHeaderButtons.tsx} (100%)

diff --git a/src/components/views/right_panel/HeaderButton.tsx b/src/components/views/right_panel/HeaderButton.tsx
index 563af90432..022a993c65 100644
--- a/src/components/views/right_panel/HeaderButton.tsx
+++ b/src/components/views/right_panel/HeaderButton.tsx
@@ -29,7 +29,7 @@ interface IProps {
     // click handler
     onClick: () => void;
     // The badge to display above the icon
-    badge: React.ReactNode;
+    badge?: React.ReactNode;
     // The parameters to track the click event
     analytics: string[];
 
diff --git a/src/components/views/right_panel/HeaderButtons.tsx b/src/components/views/right_panel/HeaderButtons.tsx
index 9e57eab5eb..8141e8a9cc 100644
--- a/src/components/views/right_panel/HeaderButtons.tsx
+++ b/src/components/views/right_panel/HeaderButtons.tsx
@@ -23,7 +23,7 @@ import dis from '../../../dispatcher/dispatcher';
 import RightPanelStore from "../../../stores/RightPanelStore";
 import {RightPanelPhases} from "../../../stores/RightPanelStorePhases";
 import {Action} from '../../../dispatcher/actions';
-import {SetRightPanelPhasePayload} from '../../../dispatcher/payloads/SetRightPanelPhasePayload';
+import {SetRightPanelPhasePayload, SetRightPanelPhaseRefireParams} from '../../../dispatcher/payloads/SetRightPanelPhasePayload';
 
 export enum HeaderKind {
   Room = "room",
@@ -65,7 +65,7 @@ export default class HeaderButtons extends React.Component<IProps, IState> {
         // Ignore - intended to be overridden by subclasses
     }
 
-    setPhase(phase: RightPanelPhases, extras) {
+    setPhase(phase: RightPanelPhases, extras?: Partial<SetRightPanelPhaseRefireParams>) {
         dis.dispatch<SetRightPanelPhasePayload>({
             action: Action.SetRightPanelPhase,
             phase: phase,
diff --git a/src/components/views/right_panel/RoomHeaderButtons.js b/src/components/views/right_panel/RoomHeaderButtons.tsx
similarity index 100%
rename from src/components/views/right_panel/RoomHeaderButtons.js
rename to src/components/views/right_panel/RoomHeaderButtons.tsx
diff --git a/src/dispatcher/payloads/SetRightPanelPhasePayload.ts b/src/dispatcher/payloads/SetRightPanelPhasePayload.ts
index 8d8eca762c..94e38b7ce6 100644
--- a/src/dispatcher/payloads/SetRightPanelPhasePayload.ts
+++ b/src/dispatcher/payloads/SetRightPanelPhasePayload.ts
@@ -29,8 +29,10 @@ export interface SetRightPanelPhasePayload extends ActionPayload {
 export interface SetRightPanelPhaseRefireParams {
     // XXX: Fix after the types are defiend in matrix-js-sdk
     // No appropriate types exist yet for the fields
-    members: any;
-    verificationRequest: typeof VerificationRequest;
-    groudId: string;
-    groupRoomId: string;
+    members?: any;
+    verificationRequest?: typeof VerificationRequest;
+    groudId?: string;
+    groupRoomId?: string;
+    // XXX: 'view_3pid_invite' action's payload
+    event?: any;
 }