diff --git a/src/app/constants.ts b/src/app/constants.ts index b30abc89..53dd604c 100644 --- a/src/app/constants.ts +++ b/src/app/constants.ts @@ -20,6 +20,9 @@ export const changelogUrl = /** URL to main Pybricks website. */ export const pybricksWebsiteUrl = 'https://pybricks.com'; +/** URL to Pybricks team page. */ +export const pybricksTeamUrl = 'https://pybricks.com/about/#the-pybricks-team'; + /** URL to Pybricks support site. */ export const pybricksSupportUrl = 'https://github.com/pybricks/support/discussions'; diff --git a/src/sponsor/SponsorDialog.tsx b/src/sponsor/SponsorDialog.tsx index 42db0210..64592aee 100644 --- a/src/sponsor/SponsorDialog.tsx +++ b/src/sponsor/SponsorDialog.tsx @@ -5,6 +5,7 @@ import { AnchorButton, Classes, Dialog, Intent } from '@blueprintjs/core'; import classNames from 'classnames'; import React from 'react'; import { useDispatch } from 'react-redux'; +import { pybricksTeamUrl } from '../app/constants'; import { useSelector } from '../reducers'; import ExternalLinkIcon from '../utils/ExternalLinkIcon'; import patreonLogo from './Digital-Patreon-Logo_White.png'; @@ -27,6 +28,30 @@ const SponsorDialog: React.VoidFunctionComponent = () => { icon="heart" >
+ {i18n.translate('whoAreWe.team')}{' '}
+
+ {i18n.translate('whoAreWe.learnMore')}
+
+
{i18n.translate('whoAreWe.mission')}
+{i18n.translate('whyDonate.body')}
++
{i18n.translate('donateOptions.options')}
+{i18n.translate('donateOptions.thanks')}