From cf3117bd57ee298fa84cc0b0dea6eba7804abc4a Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Thu, 8 Jul 2021 11:55:31 +0200
Subject: [PATCH] Migrate ViewSourceEvent to TypeScript

---
 ...ViewSourceEvent.js => ViewSourceEvent.tsx} | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)
 rename src/components/views/messages/{ViewSourceEvent.js => ViewSourceEvent.tsx} (85%)

diff --git a/src/components/views/messages/ViewSourceEvent.js b/src/components/views/messages/ViewSourceEvent.tsx
similarity index 85%
rename from src/components/views/messages/ViewSourceEvent.js
rename to src/components/views/messages/ViewSourceEvent.tsx
index 62454fef1a..d8b558c4a1 100644
--- a/src/components/views/messages/ViewSourceEvent.js
+++ b/src/components/views/messages/ViewSourceEvent.tsx
@@ -15,27 +15,29 @@ limitations under the License.
 */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { MatrixEvent } from '../../../../../matrix-js-sdk/src';
+
+interface IProps {
+    mxEvent: MatrixEvent;
+}
+
+interface IState {
+    expanded: boolean;
+}
 
 @replaceableComponent("views.messages.ViewSourceEvent")
-export default class ViewSourceEvent extends React.PureComponent {
-    static propTypes = {
-        /* the MatrixEvent to show */
-        mxEvent: PropTypes.object.isRequired,
-    };
-
-    constructor(props) {
+export default class ViewSourceEvent extends React.PureComponent<IProps, IState> {
+    constructor(props: IProps) {
         super(props);
-
         this.state = {
             expanded: false,
         };
     }
 
-    componentDidMount() {
+    public componentDidMount(): void {
         const { mxEvent } = this.props;
 
         const client = MatrixClientPeg.get();
@@ -46,15 +48,15 @@ export default class ViewSourceEvent extends React.PureComponent {
         }
     }
 
-    onToggle = (ev) => {
+    private onToggle = (ev: React.MouseEvent): void => {
         ev.preventDefault();
         const { expanded } = this.state;
         this.setState({
             expanded: !expanded,
         });
-    }
+    };
 
-    render() {
+    public render(): React.ReactNode {
         const { mxEvent } = this.props;
         const { expanded } = this.state;