From e53a8ad992b593290230e7ca5631f5a3bd1f62b5 Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Mon, 29 Mar 2021 08:44:10 +0100
Subject: [PATCH] Refactor SeshatResetDialog in TypeScript

---
 ...atResetDialog.js => SeshatResetDialog.tsx} | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)
 rename src/components/views/dialogs/{SeshatResetDialog.js => SeshatResetDialog.tsx} (71%)

diff --git a/src/components/views/dialogs/SeshatResetDialog.js b/src/components/views/dialogs/SeshatResetDialog.tsx
similarity index 71%
rename from src/components/views/dialogs/SeshatResetDialog.js
rename to src/components/views/dialogs/SeshatResetDialog.tsx
index 751af72383..a351b9f15d 100644
--- a/src/components/views/dialogs/SeshatResetDialog.js
+++ b/src/components/views/dialogs/SeshatResetDialog.tsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2021 The Matrix.org Foundation C.I.C.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -15,25 +15,24 @@ limitations under the License.
 */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import {_t} from "../../../languageHandler";
-import * as sdk from "../../../index";
 import {replaceableComponent} from "../../../utils/replaceableComponent";
 
-@replaceableComponent("views.dialogs.SeshatResetDialog")
-export default class SeshatResetDialog extends React.Component {
-    static propTypes = {
-        onFinished: PropTypes.func.isRequired,
-    };
-    render() {
-        const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
-        const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
 
+interface IProps {
+    onFinished(): void;
+}
+
+@replaceableComponent("views.dialogs.SeshatResetDialog")
+export default class SeshatResetDialog extends React.PureComponent<IProps> {
+    render() {
         return (
             <BaseDialog
-                    hasCancel={true}
-                    onFinished={this.props.onFinished.bind(null, false)}
-                    title={_t("Reset event index store?")}>
+                hasCancel={true}
+                onFinished={this.props.onFinished.bind(null, false)}
+                title={_t("Reset event index store?")}>
                 <div>
                     <p>
                         {_t(