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>
     )
   }