Conform to new react and typescript eslint rules

src/components/views/toasts/GenericToast.tsx

@@ -41,16 +41,16 @@ const GenericToast: React.FC<XOR<IPropsExtended, IProps>> = ({
     onReject,
 }) => {
     const detailContent = detail ? <div className="mx_Toast_detail">
-        {detail}
+        { detail }
     </div> : null;
 
     return <div>
         <div className="mx_Toast_description">
-            {description}
-            {detailContent}
+            { description }
+            { detailContent }
         </div>
         <div className="mx_Toast_buttons" aria-live="off">
-            {onReject && rejectLabel && <AccessibleButton kind="danger_outline" onClick={onReject}>
+            { onReject && rejectLabel && <AccessibleButton kind="danger_outline" onClick={onReject}>
                 { rejectLabel }
             </AccessibleButton> }
             <AccessibleButton onClick={onAccept} kind="primary">

src/components/views/toasts/NonUrgentEchoFailureToast.tsx

@@ -31,11 +31,11 @@ export default class NonUrgentEchoFailureToast extends React.PureComponent {
         return (
             <div className="mx_NonUrgentEchoFailureToast">
                 <span className="mx_NonUrgentEchoFailureToast_icon" />
-                {_t("Your server isn't responding to some <a>requests</a>.", {}, {
+                { _t("Your server isn't responding to some <a>requests</a>.", {}, {
                     'a': (sub) => (
-                        <AccessibleButton kind="link" onClick={this.openDialog}>{sub}</AccessibleButton>
+                        <AccessibleButton kind="link" onClick={this.openDialog}>{ sub }</AccessibleButton>
                     ),
-                })}
+                }) }
             </div>
         );
     }

src/components/views/toasts/VerificationRequestToast.tsx

@@ -60,14 +60,14 @@ export default class VerificationRequestToast extends React.PureComponent<IProps
                 this.setState({ counter });
             }, 1000);
         }
-        request.on("change", this._checkRequestIsPending);
+        request.on("change", this.checkRequestIsPending);
         // We should probably have a separate class managing the active verification toasts,
         // rather than monitoring this in the toast component itself, since we'll get problems
         // like the toasdt not going away when the verification is cancelled unless it's the
         // one on the top (ie. the one that's mounted).
         // As a quick & dirty fix, check the toast is still relevant when it mounts (this prevents
         // a toast hanging around after logging in if you did a verification as part of login).
-        this._checkRequestIsPending();
+        this.checkRequestIsPending();
 
         if (request.isSelfVerification) {
             const cli = MatrixClientPeg.get();
@@ -83,10 +83,10 @@ export default class VerificationRequestToast extends React.PureComponent<IProps
     componentWillUnmount() {
         clearInterval(this.intervalHandle);
         const { request } = this.props;
-        request.off("change", this._checkRequestIsPending);
+        request.off("change", this.checkRequestIsPending);
     }
 
-    _checkRequestIsPending = () => {
+    private checkRequestIsPending = () => {
         const { request } = this.props;
         if (!request.canAccept) {
             ToastStore.sharedInstance().dismissToast(this.props.toastKey);