Added expenses to sidebar in app

app/javascript/gabsocial/features/ui/components/progress_panel.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { monthlyExpensesComplete } from '../../../initial_state';
+
+export default class ProgressPanel extends React.PureComponent {
+  render() {
+    if (!monthlyExpensesComplete) return null;
+
+    const style = {
+      width: `${monthlyExpensesComplete}%`,
+    };
+
+    return (
+      <div className='wtf-panel progress-panel'>
+        <div className='wtf-panel-header progress-panel-header'>
+          <div className='wtf-panel-header__label'>Gab's Operational Expenses</div>
+        </div>
+        <div className='wtf-panel__content progress-panel__content'>
+          <span className='progress-panel__text'>We are 100% funded by you.</span>
+          <div className='progress-panel__bar-container'>
+            <a className='progress-panel__bar' style={style} href='https://shop.dissenter.com/category/donations'>
+              <span className='progress-panel__bar__text'>{monthlyExpensesComplete}% covered this month</span>
+            </a>
+          </div>
+        </div>
+      </div>
+    )
+  }
+}

app/javascript/gabsocial/features/ui/components/promo_panel.js

@@ -35,6 +35,13 @@ class PromoPanel extends React.PureComponent {
           }
 
           <div className={`promo-panel-item ${!isPro ? 'promo-panel-item--top-rounded' : ''}`}>
+            <a className='promo-panel-item__btn promo-panel-item__btn--special' href='https://shop.dissenter.com/category/donations'>
+              <Icon id='heart' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='promo.donation' defaultMessage='Make a Donation' />
+            </a>
+          </div>
+
+          <div className='promo-panel-item'>
             <a className='promo-panel-item__btn' href='https://shop.dissenter.com'>
               <Icon id='shopping-cart' className='promo-panel-item__icon' fixedWidth />
               <FormattedMessage id='promo.store' defaultMessage='Store - Buy Merch' />