diff options
Diffstat (limited to 'src/components/settings/supportFerdi/SupportFerdiDashboard.js')
-rw-r--r-- | src/components/settings/supportFerdi/SupportFerdiDashboard.js | 141 |
1 files changed, 103 insertions, 38 deletions
diff --git a/src/components/settings/supportFerdi/SupportFerdiDashboard.js b/src/components/settings/supportFerdi/SupportFerdiDashboard.js index b84e06739..f24e4bd62 100644 --- a/src/components/settings/supportFerdi/SupportFerdiDashboard.js +++ b/src/components/settings/supportFerdi/SupportFerdiDashboard.js | |||
@@ -1,76 +1,77 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component } from 'react'; |
2 | import { defineMessages, FormattedHTMLMessage, intlShape } from 'react-intl'; | 2 | import { defineMessages, injectIntl } from 'react-intl'; |
3 | import { BrowserWindow } from '@electron/remote'; | 3 | import { BrowserWindow } from '@electron/remote'; |
4 | import InfoBar from '../../ui/InfoBar'; | 4 | import InfoBar from '../../ui/InfoBar'; |
5 | 5 | ||
6 | const messages = defineMessages({ | 6 | const messages = defineMessages({ |
7 | headline: { | 7 | headline: { |
8 | id: 'settings.supportFerdi.headline', | 8 | id: 'settings.supportFerdi.headline', |
9 | defaultMessage: '!!!About Ferdi', | 9 | defaultMessage: 'About Ferdi', |
10 | }, | 10 | }, |
11 | title: { | 11 | title: { |
12 | id: 'settings.supportFerdi.title', | 12 | id: 'settings.supportFerdi.title', |
13 | defaultMessage: '!!!Do you like Ferdi?', | 13 | defaultMessage: 'Do you like Ferdi?', |
14 | }, | 14 | }, |
15 | aboutIntro: { | 15 | aboutIntro: { |
16 | id: 'settings.supportFerdi.aboutIntro', | 16 | id: 'settings.supportFerdi.aboutIntro', |
17 | defaultMessage: '!!!<p>Ferdi is an open-source and a community-lead application.</p><p>Thanks to the people who make this possbile:</p>', | 17 | defaultMessage: |
18 | '<p>Ferdi is an open-source and a community-lead application.</p><p>Thanks to the people who make this possbile:</p>', | ||
18 | }, | 19 | }, |
19 | textListContributors: { | 20 | textListContributors: { |
20 | id: 'settings.supportFerdi.textListContributors', | 21 | id: 'settings.supportFerdi.textListContributors', |
21 | defaultMessage: '!!!Full list of contributor', | 22 | defaultMessage: 'Full list of contributors', |
22 | }, | 23 | }, |
23 | textListContributorsHere: { | 24 | textListContributorsHere: { |
24 | id: 'settings.supportFerdi.textListContributorsHere', | 25 | id: 'settings.supportFerdi.textListContributorsHere', |
25 | defaultMessage: '!!!here', | 26 | defaultMessage: 'here', |
26 | }, | 27 | }, |
27 | textVolunteers: { | 28 | textVolunteers: { |
28 | id: 'settings.supportFerdi.textVolunteers', | 29 | id: 'settings.supportFerdi.textVolunteers', |
29 | defaultMessage: '!!!The development of Ferdi is done by volunteers. People who use Ferdi like you. They maintain, fix, and improve Ferdi in their spare time.', | 30 | defaultMessage: |
31 | 'The development of Ferdi is done by volunteers. People who use Ferdi like you. They maintain, fix, and improve Ferdi in their spare time.', | ||
30 | }, | 32 | }, |
31 | textSupportWelcome: { | 33 | textSupportWelcome: { |
32 | id: 'settings.supportFerdi.textSupportWelcome', | 34 | id: 'settings.supportFerdi.textSupportWelcome', |
33 | defaultMessage: '!!!Support is always welcome. You can find a list of the help we need', | 35 | defaultMessage: |
36 | 'Support is always welcome. You can find a list of the help we need', | ||
34 | }, | 37 | }, |
35 | textSupportWelcomeHere: { | 38 | textSupportWelcomeHere: { |
36 | id: 'settings.supportFerdi.textSupportWelcomeHere', | 39 | id: 'settings.supportFerdi.textSupportWelcomeHere', |
37 | defaultMessage: '!!!here', | 40 | defaultMessage: 'here', |
38 | }, | 41 | }, |
39 | textExpenses: { | 42 | textExpenses: { |
40 | id: 'settings.supportFerdi.textExpenses', | 43 | id: 'settings.supportFerdi.textExpenses', |
41 | defaultMessage: '!!!While volunteers do most of the work, we still need to pay for servers and certificates. As a community, we are fully transparent on funds we collect and spend - see our', | 44 | defaultMessage: |
45 | 'While volunteers do most of the work, we still need to pay for servers and certificates. As a community, we are fully transparent on funds we collect and spend - see our', | ||
42 | }, | 46 | }, |
43 | textOpenCollective: { | 47 | textOpenCollective: { |
44 | id: 'settings.supportFerdi.textOpenCollective', | 48 | id: 'settings.supportFerdi.textOpenCollective', |
45 | defaultMessage: '!!!Open Collective', | 49 | defaultMessage: 'Open Collective', |
46 | }, | 50 | }, |
47 | textDonation: { | 51 | textDonation: { |
48 | id: 'settings.supportFerdi.textDonation', | 52 | id: 'settings.supportFerdi.textDonation', |
49 | defaultMessage: '!!!If you feel like supporting Ferdi development with a donation, you can do so on both,', | 53 | defaultMessage: |
54 | 'If you feel like supporting Ferdi development with a donation, you can do so on both,', | ||
50 | }, | 55 | }, |
51 | textDonationAnd: { | 56 | textDonationAnd: { |
52 | id: 'settings.supportFerdi.textDonationAnd', | 57 | id: 'settings.supportFerdi.textDonationAnd', |
53 | defaultMessage: '!!!and', | 58 | defaultMessage: 'and', |
54 | }, | 59 | }, |
55 | textGitHubSponsors: { | 60 | textGitHubSponsors: { |
56 | id: 'settings.supportFerdi.textGitHubSponsors', | 61 | id: 'settings.supportFerdi.textGitHubSponsors', |
57 | defaultMessage: '!!!GitHub Sponsors', | 62 | defaultMessage: 'GitHub Sponsors', |
58 | }, | 63 | }, |
59 | openSurvey: { | 64 | openSurvey: { |
60 | id: 'settings.supportFerdi.openSurvey', | 65 | id: 'settings.supportFerdi.openSurvey', |
61 | defaultMessage: '!!!Open Survey', | 66 | defaultMessage: 'Open survey', |
62 | }, | 67 | }, |
63 | bannerText: { | 68 | bannerText: { |
64 | id: 'settings.supportFerdi.bannerText', | 69 | id: 'settings.supportFerdi.bannerText', |
65 | defaultMessage: '!!!Do you want to help us improve Ferdi?', | 70 | defaultMessage: 'Do you want to help us improve Ferdi?', |
66 | }, | 71 | }, |
67 | }); | 72 | }); |
68 | 73 | ||
69 | class SupportFerdiDashboard extends Component { | 74 | class SupportFerdiDashboard extends Component { |
70 | static contextTypes = { | ||
71 | intl: intlShape, | ||
72 | }; | ||
73 | |||
74 | openSurveyWindow() { | 75 | openSurveyWindow() { |
75 | let win = new BrowserWindow({ width: 670, height: 400 }); | 76 | let win = new BrowserWindow({ width: 670, height: 400 }); |
76 | win.on('closed', () => { | 77 | win.on('closed', () => { |
@@ -81,7 +82,9 @@ class SupportFerdiDashboard extends Component { | |||
81 | } | 82 | } |
82 | 83 | ||
83 | render() { | 84 | render() { |
84 | const { intl } = this.context; | 85 | const { intl } = this.props; |
86 | |||
87 | const aboutIntro = intl.formatMessage(messages.aboutIntro); | ||
85 | 88 | ||
86 | return ( | 89 | return ( |
87 | <div className="settings__main"> | 90 | <div className="settings__main"> |
@@ -94,22 +97,67 @@ class SupportFerdiDashboard extends Component { | |||
94 | <h1>{intl.formatMessage(messages.title)}</h1> | 97 | <h1>{intl.formatMessage(messages.title)}</h1> |
95 | <div> | 98 | <div> |
96 | <p className="settings__support-badges"> | 99 | <p className="settings__support-badges"> |
97 | <a href="https://github.com/getferdi/ferdi" target="_blank" rel="noreferrer"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/getferdi/ferdi?style=social" /></a> | 100 | <a |
98 | <a href="https://twitter.com/getferdi/" target="_blank" rel="noreferrer"><img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/getferdi?label=Follow&style=social" /></a> | 101 | href="https://github.com/getferdi/ferdi" |
99 | <a href="https://opencollective.com/getferdi#section-contributors" target="_blank" rel="noreferrer"><img alt="Open Collective backers" src="https://img.shields.io/opencollective/backers/getferdi?logo=open-collective" /></a> | 102 | target="_blank" |
100 | <a href="https://opencollective.com/getferdi#section-contributors" target="_blank" rel="noreferrer"><img alt="Open Collective sponsors" src="https://img.shields.io/opencollective/sponsors/getferdi?logo=open-collective" /></a> | 103 | rel="noreferrer" |
104 | > | ||
105 | <img | ||
106 | alt="GitHub Stars" | ||
107 | src="https://img.shields.io/github/stars/getferdi/ferdi?style=social" | ||
108 | /> | ||
109 | </a> | ||
110 | <a | ||
111 | href="https://twitter.com/getferdi/" | ||
112 | target="_blank" | ||
113 | rel="noreferrer" | ||
114 | > | ||
115 | <img | ||
116 | alt="Twitter Follow" | ||
117 | src="https://img.shields.io/twitter/follow/getferdi?label=Follow&style=social" | ||
118 | /> | ||
119 | </a> | ||
120 | <a | ||
121 | href="https://opencollective.com/getferdi#section-contributors" | ||
122 | target="_blank" | ||
123 | rel="noreferrer" | ||
124 | > | ||
125 | <img | ||
126 | alt="Open Collective backers" | ||
127 | src="https://img.shields.io/opencollective/backers/getferdi?logo=open-collective" | ||
128 | /> | ||
129 | </a> | ||
130 | <a | ||
131 | href="https://opencollective.com/getferdi#section-contributors" | ||
132 | target="_blank" | ||
133 | rel="noreferrer" | ||
134 | > | ||
135 | <img | ||
136 | alt="Open Collective sponsors" | ||
137 | src="https://img.shields.io/opencollective/sponsors/getferdi?logo=open-collective" | ||
138 | /> | ||
139 | </a> | ||
101 | </p> | 140 | </p> |
102 | <FormattedHTMLMessage {...messages.aboutIntro} /> | 141 | <span dangerouslySetInnerHTML={{ __html: aboutIntro }} /> |
103 | <br /> | 142 | <br /> |
104 | <br /> | 143 | <br /> |
105 | <p> | 144 | <p> |
106 | <a href="#contributors-via-opencollective"> | 145 | <a href="#contributors-via-opencollective"> |
107 | <img alt="GitHub contributors (non-exhaustive)" width="100%" src="https://opencollective.com/getferdi/contributors.svg?width=642&button=false" /> | 146 | <img |
147 | alt="GitHub contributors (non-exhaustive)" | ||
148 | width="100%" | ||
149 | src="https://opencollective.com/getferdi/contributors.svg?width=642&button=false" | ||
150 | /> | ||
108 | </a> | 151 | </a> |
109 | </p> | 152 | </p> |
110 | <p> | 153 | <p> |
111 | {intl.formatMessage(messages.textListContributors)} | 154 | {intl.formatMessage(messages.textListContributors)} |
112 | <a href="https://github.com/getferdi/ferdi#contributors-" target="_blank" className="link" rel="noreferrer"> | 155 | <a |
156 | href="https://github.com/getferdi/ferdi#contributors-" | ||
157 | target="_blank" | ||
158 | className="link" | ||
159 | rel="noreferrer" | ||
160 | > | ||
113 | {' '} | 161 | {' '} |
114 | {intl.formatMessage(messages.textListContributorsHere)} | 162 | {intl.formatMessage(messages.textListContributorsHere)} |
115 | <i className="mdi mdi-open-in-new" /> | 163 | <i className="mdi mdi-open-in-new" /> |
@@ -117,12 +165,15 @@ class SupportFerdiDashboard extends Component { | |||
117 | <br /> | 165 | <br /> |
118 | <br /> | 166 | <br /> |
119 | </p> | 167 | </p> |
120 | <p> | 168 | <p>{intl.formatMessage(messages.textVolunteers)}</p> |
121 | {intl.formatMessage(messages.textVolunteers)} | ||
122 | </p> | ||
123 | <p> | 169 | <p> |
124 | {intl.formatMessage(messages.textSupportWelcome)} | 170 | {intl.formatMessage(messages.textSupportWelcome)} |
125 | <a href="https://help.getferdi.com/general/support" target="_blank" className="link" rel="noreferrer"> | 171 | <a |
172 | href="https://help.getferdi.com/general/support" | ||
173 | target="_blank" | ||
174 | className="link" | ||
175 | rel="noreferrer" | ||
176 | > | ||
126 | {' '} | 177 | {' '} |
127 | {intl.formatMessage(messages.textSupportWelcomeHere)} | 178 | {intl.formatMessage(messages.textSupportWelcomeHere)} |
128 | <i className="mdi mdi-open-in-new" /> | 179 | <i className="mdi mdi-open-in-new" /> |
@@ -130,7 +181,12 @@ class SupportFerdiDashboard extends Component { | |||
130 | </p> | 181 | </p> |
131 | <p> | 182 | <p> |
132 | {intl.formatMessage(messages.textExpenses)} | 183 | {intl.formatMessage(messages.textExpenses)} |
133 | <a href="https://opencollective.com/getferdi#section-budget" target="_blank" className="link" rel="noreferrer"> | 184 | <a |
185 | href="https://opencollective.com/getferdi#section-budget" | ||
186 | target="_blank" | ||
187 | className="link" | ||
188 | rel="noreferrer" | ||
189 | > | ||
134 | {' '} | 190 | {' '} |
135 | {intl.formatMessage(messages.textOpenCollective)} | 191 | {intl.formatMessage(messages.textOpenCollective)} |
136 | <i className="mdi mdi-open-in-new" /> | 192 | <i className="mdi mdi-open-in-new" /> |
@@ -138,14 +194,23 @@ class SupportFerdiDashboard extends Component { | |||
138 | </p> | 194 | </p> |
139 | <p> | 195 | <p> |
140 | {intl.formatMessage(messages.textDonation)} | 196 | {intl.formatMessage(messages.textDonation)} |
141 | <a href="https://opencollective.com/getferdi#section-contribute" target="_blank" className="link" rel="noreferrer"> | 197 | <a |
198 | href="https://opencollective.com/getferdi#section-contribute" | ||
199 | target="_blank" | ||
200 | className="link" | ||
201 | rel="noreferrer" | ||
202 | > | ||
142 | {' '} | 203 | {' '} |
143 | {intl.formatMessage(messages.textOpenCollective)} | 204 | {intl.formatMessage(messages.textOpenCollective)} |
144 | <i className="mdi mdi-open-in-new" /> | 205 | <i className="mdi mdi-open-in-new" /> |
145 | </a> | 206 | </a>{' '} |
146 | {' '} | ||
147 | {intl.formatMessage(messages.textDonationAnd)} | 207 | {intl.formatMessage(messages.textDonationAnd)} |
148 | <a href="https://github.com/sponsors/getferdi" target="_blank" className="link" rel="noreferrer"> | 208 | <a |
209 | href="https://github.com/sponsors/getferdi" | ||
210 | target="_blank" | ||
211 | className="link" | ||
212 | rel="noreferrer" | ||
213 | > | ||
149 | {' '} | 214 | {' '} |
150 | {intl.formatMessage(messages.textGitHubSponsors)} | 215 | {intl.formatMessage(messages.textGitHubSponsors)} |
151 | <i className="mdi mdi-open-in-new" /> | 216 | <i className="mdi mdi-open-in-new" /> |
@@ -166,4 +231,4 @@ class SupportFerdiDashboard extends Component { | |||
166 | } | 231 | } |
167 | } | 232 | } |
168 | 233 | ||
169 | export default SupportFerdiDashboard; | 234 | export default injectIntl(SupportFerdiDashboard); |