diff options
author | Ricardo Cino <ricardo@cino.io> | 2022-06-27 20:35:53 +0200 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2022-06-28 04:34:34 +0530 |
commit | 81fc26b770915124b86b35b21cf664e1240718e2 (patch) | |
tree | e3c4ac37768b32d3f522041e091d8b50309e0024 | |
parent | chore: turn error boundary into typescript (diff) | |
download | ferdium-app-81fc26b770915124b86b35b21cf664e1240718e2.tar.gz ferdium-app-81fc26b770915124b86b35b21cf664e1240718e2.tar.zst ferdium-app-81fc26b770915124b86b35b21cf664e1240718e2.zip |
chore: turn last setting view into typescript
-rw-r--r-- | src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx | 14 | ||||
-rw-r--r-- | src/containers/settings/SupportScreen.js | 35 | ||||
-rw-r--r-- | src/containers/settings/SupportScreen.tsx | 16 |
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({ | |||
11 | }, | 11 | }, |
12 | about: { | 12 | about: { |
13 | id: 'settings.supportFerdium.about', | 13 | id: 'settings.supportFerdium.about', |
14 | 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.', | 14 | defaultMessage: |
15 | } | 15 | 'The development of Ferdium is done by contributors. People who use Ferdium like you. They maintain, fix, and improve Ferdium in their spare time.', |
16 | }, | ||
16 | }); | 17 | }); |
17 | 18 | ||
18 | const SupportFerdiumDashboard = () => { | 19 | const SupportFerdiumDashboard = () => { |
@@ -49,7 +50,10 @@ const SupportFerdiumDashboard = () => { | |||
49 | /> | 50 | /> |
50 | </a> | 51 | </a> |
51 | <a target="_blank" href="https://crowdin.com/project/ferdium"> | 52 | <a target="_blank" href="https://crowdin.com/project/ferdium"> |
52 | <img src="https://badges.crowdin.net/ferdium/localized.svg" alt="Crowdin"/> | 53 | <img |
54 | src="https://badges.crowdin.net/ferdium/localized.svg" | ||
55 | alt="Crowdin" | ||
56 | /> | ||
53 | </a> | 57 | </a> |
54 | <a | 58 | <a |
55 | href="https://opencollective.com/ferdium#section-contributors" | 59 | href="https://opencollective.com/ferdium#section-contributors" |
@@ -76,7 +80,9 @@ const SupportFerdiumDashboard = () => { | |||
76 | /> | 80 | /> |
77 | </a> | 81 | </a> |
78 | </p> | 82 | </p> |
79 | <p className="settings__message">{intl.formatMessage(messages.about)}</p> | 83 | <p className="settings__message"> |
84 | {intl.formatMessage(messages.about)} | ||
85 | </p> | ||
80 | </div> | 86 | </div> |
81 | </div> | 87 | </div> |
82 | </div> | 88 | </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 @@ | |||
1 | import { Component } from 'react'; | ||
2 | import { inject } from 'mobx-react'; | ||
3 | import PropTypes from 'prop-types'; | ||
4 | |||
5 | import SupportFerdium from '../../components/settings/supportFerdium/SupportFerdiumDashboard'; | ||
6 | import ErrorBoundary from '../../components/util/ErrorBoundary'; | ||
7 | import AppStore from '../../stores/AppStore'; | ||
8 | |||
9 | class SupportScreen extends Component { | ||
10 | constructor(props) { | ||
11 | super(props); | ||
12 | |||
13 | this.openLink = this.openLink.bind(this); | ||
14 | } | ||
15 | |||
16 | openLink(url) { | ||
17 | this.props.actions.app.openExternalUrl({ url }); | ||
18 | } | ||
19 | |||
20 | render() { | ||
21 | return ( | ||
22 | <ErrorBoundary> | ||
23 | <SupportFerdium openLink={this.openLink} /> | ||
24 | </ErrorBoundary> | ||
25 | ); | ||
26 | } | ||
27 | } | ||
28 | |||
29 | SupportScreen.propTypes = { | ||
30 | actions: PropTypes.shape({ | ||
31 | app: PropTypes.instanceOf(AppStore).isRequired, | ||
32 | }).isRequired, | ||
33 | }; | ||
34 | |||
35 | 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 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | |||
3 | import SupportFerdium from '../../components/settings/supportFerdium/SupportFerdiumDashboard'; | ||
4 | import ErrorBoundary from '../../components/util/ErrorBoundary'; | ||
5 | |||
6 | class SupportScreen extends Component { | ||
7 | render(): ReactElement { | ||
8 | return ( | ||
9 | <ErrorBoundary> | ||
10 | <SupportFerdium /> | ||
11 | </ErrorBoundary> | ||
12 | ); | ||
13 | } | ||
14 | } | ||
15 | |||
16 | export default SupportScreen; | ||