aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/settings/supportFerdi/SupportFerdiDashboard.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/settings/supportFerdi/SupportFerdiDashboard.js')
-rw-r--r--src/components/settings/supportFerdi/SupportFerdiDashboard.js234
1 files changed, 0 insertions, 234 deletions
diff --git a/src/components/settings/supportFerdi/SupportFerdiDashboard.js b/src/components/settings/supportFerdi/SupportFerdiDashboard.js
deleted file mode 100644
index b906df5c8..000000000
--- a/src/components/settings/supportFerdi/SupportFerdiDashboard.js
+++ /dev/null
@@ -1,234 +0,0 @@
1import { Component } from 'react';
2import { defineMessages, injectIntl } from 'react-intl';
3import { BrowserWindow } from '@electron/remote';
4import InfoBar from '../../ui/InfoBar';
5
6const messages = defineMessages({
7 headline: {
8 id: 'settings.supportFerdi.headline',
9 defaultMessage: 'About Ferdi',
10 },
11 title: {
12 id: 'settings.supportFerdi.title',
13 defaultMessage: 'Do you like Ferdi?',
14 },
15 aboutIntro: {
16 id: 'settings.supportFerdi.aboutIntro',
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>',
19 },
20 textListContributors: {
21 id: 'settings.supportFerdi.textListContributors',
22 defaultMessage: 'Full list of contributors',
23 },
24 textListContributorsHere: {
25 id: 'settings.supportFerdi.textListContributorsHere',
26 defaultMessage: 'here',
27 },
28 textVolunteers: {
29 id: 'settings.supportFerdi.textVolunteers',
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.',
32 },
33 textSupportWelcome: {
34 id: 'settings.supportFerdi.textSupportWelcome',
35 defaultMessage:
36 'Support is always welcome. You can find a list of the help we need',
37 },
38 textSupportWelcomeHere: {
39 id: 'settings.supportFerdi.textSupportWelcomeHere',
40 defaultMessage: 'here',
41 },
42 textExpenses: {
43 id: 'settings.supportFerdi.textExpenses',
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',
46 },
47 textOpenCollective: {
48 id: 'settings.supportFerdi.textOpenCollective',
49 defaultMessage: 'Open Collective',
50 },
51 textDonation: {
52 id: 'settings.supportFerdi.textDonation',
53 defaultMessage:
54 'If you feel like supporting Ferdi development with a donation, you can do so on both,',
55 },
56 textDonationAnd: {
57 id: 'settings.supportFerdi.textDonationAnd',
58 defaultMessage: 'and',
59 },
60 textGitHubSponsors: {
61 id: 'settings.supportFerdi.textGitHubSponsors',
62 defaultMessage: 'GitHub Sponsors',
63 },
64 openSurvey: {
65 id: 'settings.supportFerdi.openSurvey',
66 defaultMessage: 'Open survey',
67 },
68 bannerText: {
69 id: 'settings.supportFerdi.bannerText',
70 defaultMessage: 'Do you want to help us improve Ferdi?',
71 },
72});
73
74class SupportFerdiDashboard extends Component {
75 openSurveyWindow() {
76 let win = new BrowserWindow({ width: 670, height: 400 });
77 win.on('closed', () => {
78 win = null;
79 });
80
81 win.loadURL('https://rp28.typeform.com/to/E3phJT');
82 }
83
84 render() {
85 const { intl } = this.props;
86
87 const aboutIntro = intl.formatMessage(messages.aboutIntro);
88
89 return (
90 <div className="settings__main">
91 <div className="settings__header">
92 <span className="settings__header-item">
93 {intl.formatMessage(messages.headline)}
94 </span>
95 </div>
96 <div className="settings__body">
97 <h1>{intl.formatMessage(messages.title)}</h1>
98 <div>
99 <p className="settings__support-badges">
100 <a
101 href="https://github.com/getferdi/ferdi"
102 target="_blank"
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>
140 </p>
141 <span dangerouslySetInnerHTML={{ __html: aboutIntro }} />
142 <br />
143 <br />
144 <p>
145 <a href="#contributors-via-opencollective">
146 <img
147 alt="GitHub contributors (non-exhaustive)"
148 width="100%"
149 src="https://opencollective.com/getferdi/contributors.svg?width=642&button=false"
150 />
151 </a>
152 </p>
153 <p>
154 {intl.formatMessage(messages.textListContributors)}
155 <a
156 href="https://github.com/getferdi/ferdi#contributors-"
157 target="_blank"
158 className="link"
159 rel="noreferrer"
160 >
161 {' '}
162 {intl.formatMessage(messages.textListContributorsHere)}
163 <i className="mdi mdi-open-in-new" />
164 </a>
165 <br />
166 <br />
167 </p>
168 <p>{intl.formatMessage(messages.textVolunteers)}</p>
169 <p>
170 {intl.formatMessage(messages.textSupportWelcome)}
171 <a
172 href="https://help.getferdi.com/general/support"
173 target="_blank"
174 className="link"
175 rel="noreferrer"
176 >
177 {' '}
178 {intl.formatMessage(messages.textSupportWelcomeHere)}
179 <i className="mdi mdi-open-in-new" />
180 </a>
181 </p>
182 <p>
183 {intl.formatMessage(messages.textExpenses)}
184 <a
185 href="https://opencollective.com/getferdi#section-budget"
186 target="_blank"
187 className="link"
188 rel="noreferrer"
189 >
190 {' '}
191 {intl.formatMessage(messages.textOpenCollective)}
192 <i className="mdi mdi-open-in-new" />
193 </a>
194 </p>
195 <p>
196 {intl.formatMessage(messages.textDonation)}
197 <a
198 href="https://opencollective.com/getferdi#section-contribute"
199 target="_blank"
200 className="link"
201 rel="noreferrer"
202 >
203 {' '}
204 {intl.formatMessage(messages.textOpenCollective)}
205 <i className="mdi mdi-open-in-new" />
206 </a>{' '}
207 {intl.formatMessage(messages.textDonationAnd)}
208 <a
209 href="https://github.com/sponsors/getferdi"
210 target="_blank"
211 className="link"
212 rel="noreferrer"
213 >
214 {' '}
215 {intl.formatMessage(messages.textGitHubSponsors)}
216 <i className="mdi mdi-open-in-new" />
217 </a>
218 </p>
219 </div>
220 </div>
221 <InfoBar
222 sticky
223 type="primary"
224 ctaLabel={intl.formatMessage(messages.openSurvey)}
225 onClick={this.openSurveyWindow}
226 >
227 {intl.formatMessage(messages.bannerText)}
228 </InfoBar>
229 </div>
230 );
231 }
232}
233
234export default injectIntl(SupportFerdiDashboard);