import React, { Component } from 'react'; import { defineMessages, injectIntl } from 'react-intl'; import { BrowserWindow } from '@electron/remote'; import InfoBar from '../../ui/InfoBar'; const messages = defineMessages({ headline: { id: 'settings.supportFerdi.headline', defaultMessage: 'About Ferdi', }, title: { id: 'settings.supportFerdi.title', defaultMessage: 'Do you like Ferdi?', }, aboutIntro: { id: 'settings.supportFerdi.aboutIntro', defaultMessage: '
Ferdi is an open-source and a community-lead application.
Thanks to the people who make this possbile:
', }, textListContributors: { id: 'settings.supportFerdi.textListContributors', defaultMessage: 'Full list of contributors', }, textListContributorsHere: { id: 'settings.supportFerdi.textListContributorsHere', defaultMessage: 'here', }, textVolunteers: { id: 'settings.supportFerdi.textVolunteers', 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.', }, textSupportWelcome: { id: 'settings.supportFerdi.textSupportWelcome', defaultMessage: 'Support is always welcome. You can find a list of the help we need', }, textSupportWelcomeHere: { id: 'settings.supportFerdi.textSupportWelcomeHere', defaultMessage: 'here', }, textExpenses: { id: 'settings.supportFerdi.textExpenses', 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', }, textOpenCollective: { id: 'settings.supportFerdi.textOpenCollective', defaultMessage: 'Open Collective', }, textDonation: { id: 'settings.supportFerdi.textDonation', defaultMessage: 'If you feel like supporting Ferdi development with a donation, you can do so on both,', }, textDonationAnd: { id: 'settings.supportFerdi.textDonationAnd', defaultMessage: 'and', }, textGitHubSponsors: { id: 'settings.supportFerdi.textGitHubSponsors', defaultMessage: 'GitHub Sponsors', }, openSurvey: { id: 'settings.supportFerdi.openSurvey', defaultMessage: 'Open Survey', }, bannerText: { id: 'settings.supportFerdi.bannerText', defaultMessage: 'Do you want to help us improve Ferdi?', }, }); class SupportFerdiDashboard extends Component { openSurveyWindow() { let win = new BrowserWindow({ width: 670, height: 400 }); win.on('closed', () => { win = null; }); win.loadURL('https://rp28.typeform.com/to/E3phJT'); } render() { const { intl } = this.props; const aboutIntro = intl.formatMessage(messages.aboutIntro); return (
{intl.formatMessage(messages.textListContributors)}
{' '}
{intl.formatMessage(messages.textListContributorsHere)}
{intl.formatMessage(messages.textVolunteers)}
{intl.formatMessage(messages.textSupportWelcome)} {' '} {intl.formatMessage(messages.textSupportWelcomeHere)}
{intl.formatMessage(messages.textExpenses)} {' '} {intl.formatMessage(messages.textOpenCollective)}
{intl.formatMessage(messages.textDonation)} {' '} {intl.formatMessage(messages.textOpenCollective)} {' '} {intl.formatMessage(messages.textDonationAnd)} {' '} {intl.formatMessage(messages.textGitHubSponsors)}