diff --git a/app/javascript/gabsocial/components/panel/progress_panel.js b/app/javascript/gabsocial/components/panel/progress_panel.js index 9b928026..8f4360fa 100644 --- a/app/javascript/gabsocial/components/panel/progress_panel.js +++ b/app/javascript/gabsocial/components/panel/progress_panel.js @@ -1,13 +1,19 @@ import { injectIntl, defineMessages } from 'react-intl' import { monthlyExpensesComplete } from '../../initial_state' -import { URL_DISSENTER_SHOP } from '../../constants' +import { + URL_DISSENTER_SHOP, + URL_DISSENTER_SHOP_DONATIONS, +} from '../../constants' import PanelLayout from './panel_layout'; import ProgressBar from '../progress_bar' +import Button from '../button' +import Text from '../text' const messages = defineMessages({ progressTitle: { id: 'progress_title', defaultMessage: '{value}% covered this month' }, operationsTitle: { id: 'operations_title', defaultMessage: "Gab's Operational Expenses" }, operationsSubtitle: { id: 'operations_subtitle', defaultMessage: 'We are 100% funded by you' }, + donationTitle: { id: 'make_donation', defaultMessage: 'Make a Donation' }, }) export default @@ -35,6 +41,22 @@ class ProgressPanel extends PureComponent { title={intl.formatMessage(messages.progressTitle, { value })} href={URL_DISSENTER_SHOP} /> + ) } diff --git a/app/javascript/gabsocial/constants.js b/app/javascript/gabsocial/constants.js index 503437c2..0e9c2185 100644 --- a/app/javascript/gabsocial/constants.js +++ b/app/javascript/gabsocial/constants.js @@ -15,6 +15,7 @@ export const ALLOWED_AROUND_SHORT_CODE = '><\u0085\u0020\u00a0\u1680\u2000\u2001 export const MAX_POST_CHARACTER_COUNT = 3000 export const URL_DISSENTER_SHOP = 'https://shop.dissenter.com' +export const URL_DISSENTER_SHOP_DONATIONS = 'https://shop.dissenter.com/category/donations' export const URL_GAB_PRO = 'https://pro.gab.com' export const PLACEHOLDER_MISSING_HEADER_SRC = '/original/missing.png'