diff options
Diffstat (limited to 'src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx')
-rw-r--r-- | src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx new file mode 100644 index 000000000..16f3149b6 --- /dev/null +++ b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx | |||
@@ -0,0 +1,86 @@ | |||
1 | import { defineMessages, useIntl } from 'react-intl'; | ||
2 | |||
3 | const messages = defineMessages({ | ||
4 | headline: { | ||
5 | id: 'settings.supportFerdium.headline', | ||
6 | defaultMessage: 'About Ferdium', | ||
7 | }, | ||
8 | aboutIntro: { | ||
9 | id: 'settings.supportFerdium.aboutIntro', | ||
10 | defaultMessage: 'Special thanks goes to these awesome people:', | ||
11 | }, | ||
12 | 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.', | ||
15 | } | ||
16 | }); | ||
17 | |||
18 | const SupportFerdiumDashboard = () => { | ||
19 | const intl = useIntl(); | ||
20 | |||
21 | return ( | ||
22 | <div className="settings__main"> | ||
23 | <div className="settings__header"> | ||
24 | <span className="settings__header-item"> | ||
25 | {intl.formatMessage(messages.headline)} | ||
26 | </span> | ||
27 | </div> | ||
28 | <div className="settings__body"> | ||
29 | <div> | ||
30 | <p className="settings__support-badges"> | ||
31 | <a | ||
32 | href="https://twitter.com/ferdiumteam/" | ||
33 | target="_blank" | ||
34 | rel="noreferrer" | ||
35 | > | ||
36 | <img | ||
37 | alt="Twitter Follow" | ||
38 | src="https://img.shields.io/twitter/follow/ferdiumteam?label=Follow&style=social" | ||
39 | /> | ||
40 | </a> | ||
41 | <a | ||
42 | href="https://github.com/ferdium/ferdium-app" | ||
43 | target="_blank" | ||
44 | rel="noreferrer" | ||
45 | > | ||
46 | <img | ||
47 | alt="GitHub Stars" | ||
48 | src="https://img.shields.io/github/stars/ferdium/ferdium-app?style=social" | ||
49 | /> | ||
50 | </a> | ||
51 | <a target="_blank" href="https://crowdin.com/project/ferdium"> | ||
52 | <img src="https://badges.crowdin.net/ferdium/localized.svg" alt="Crowdin"/> | ||
53 | </a> | ||
54 | <a | ||
55 | href="https://opencollective.com/ferdium#section-contributors" | ||
56 | target="_blank" | ||
57 | rel="noreferrer" | ||
58 | > | ||
59 | <img | ||
60 | alt="Open Collective backers" | ||
61 | src="https://img.shields.io/opencollective/backers/ferdium?logo=open-collective" | ||
62 | /> | ||
63 | </a> | ||
64 | </p> | ||
65 | <p>{intl.formatMessage(messages.aboutIntro)}</p> | ||
66 | <p> | ||
67 | <a | ||
68 | href="https://github.com/ferdium/ferdium-app#contributors-" | ||
69 | target="_blank" | ||
70 | rel="noreferrer" | ||
71 | > | ||
72 | <img | ||
73 | alt="GitHub contributors (non-exhaustive)" | ||
74 | width="100%" | ||
75 | src="https://opencollective.com/ferdium/contributors.svg?width=600&avatarHeight=42&button=off" | ||
76 | /> | ||
77 | </a> | ||
78 | </p> | ||
79 | <p className="settings__message">{intl.formatMessage(messages.about)}</p> | ||
80 | </div> | ||
81 | </div> | ||
82 | </div> | ||
83 | ); | ||
84 | }; | ||
85 | |||
86 | export default SupportFerdiumDashboard; | ||