chore: turn last setting view into typescript

3 files changed, 26 insertions, 39 deletions

diff --git a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
index 16f3149b6..d4545c6fa 100644
--- a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
+++ b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
@@ -11,8 +11,9 @@ const messages = defineMessages({
   },
   about: {
     id: 'settings.supportFerdium.about',
-    defaultMessage: 'The development of Ferdium is done by contributors. People who use Ferdium like you. They maintain, fix, and improve Ferdium in their spare time.',
-  }
+    defaultMessage:
+      'The development of Ferdium is done by contributors. People who use Ferdium like you. They maintain, fix, and improve Ferdium in their spare time.',
+  },
 });
 
 const SupportFerdiumDashboard = () => {
@@ -49,7 +50,10 @@ const SupportFerdiumDashboard = () => {
               />
             </a>
             <a target="_blank" href="https://crowdin.com/project/ferdium">
-              <img src="https://badges.crowdin.net/ferdium/localized.svg" alt="Crowdin"/>
+              <img
+                src="https://badges.crowdin.net/ferdium/localized.svg"
+                alt="Crowdin"
+              />
             </a>
             <a
               href="https://opencollective.com/ferdium#section-contributors"
@@ -76,7 +80,9 @@ const SupportFerdiumDashboard = () => {
               />
             </a>
           </p>
-          <p className="settings__message">{intl.formatMessage(messages.about)}</p>
+          <p className="settings__message">
+            {intl.formatMessage(messages.about)}
+          </p>
         </div>
       </div>
     </div>
diff --git a/src/containers/settings/SupportScreen.js b/src/containers/settings/SupportScreen.js
deleted file mode 100644
index 142bd3a57..000000000
--- a/src/containers/settings/SupportScreen.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from 'react';
-import { inject } from 'mobx-react';
-import PropTypes from 'prop-types';
-
-import SupportFerdium from '../../components/settings/supportFerdium/SupportFerdiumDashboard';
-import ErrorBoundary from '../../components/util/ErrorBoundary';
-import AppStore from '../../stores/AppStore';
-
-class SupportScreen extends Component {
-  constructor(props) {
-    super(props);
-
-    this.openLink = this.openLink.bind(this);
-  }
-
-  openLink(url) {
-    this.props.actions.app.openExternalUrl({ url });
-  }
-
-  render() {
-    return (
-      <ErrorBoundary>
-        <SupportFerdium openLink={this.openLink} />
-      </ErrorBoundary>
-    );
-  }
-}
-
-SupportScreen.propTypes = {
-  actions: PropTypes.shape({
-    app: PropTypes.instanceOf(AppStore).isRequired,
-  }).isRequired,
-};
-
-export default inject('actions')(SupportScreen);
diff --git a/src/containers/settings/SupportScreen.tsx b/src/containers/settings/SupportScreen.tsx
new file mode 100644
index 000000000..c2f25ad8c
--- /dev/null
+++ b/src/containers/settings/SupportScreen.tsx
@@ -0,0 +1,16 @@
+import { Component, ReactElement } from 'react';
+
+import SupportFerdium from '../../components/settings/supportFerdium/SupportFerdiumDashboard';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+
+class SupportScreen extends Component {
+  render(): ReactElement {
+    return (
+      <ErrorBoundary>
+        <SupportFerdium />
+      </ErrorBoundary>
+    );
+  }
+}
+
+export default SupportScreen;