Added donation button to ProgressPanel

• Added:
- donation button to ProgressPanel

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}
         />
+        <Button
+          isOutline
+          isNarrow
+          color='brand'
+          backgroundColor='none'
+          className={[_s.mt10].join(' ')}
+          href={URL_DISSENTER_SHOP_DONATIONS}
+        >
+          <Text
+            align='center'
+            color='inherit'
+            weight='medium'
+          >
+            {intl.formatMessage(messages.donationTitle)}
+          </Text>
+        </Button>
       </PanelLayout>
     )
   }

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'