Progress

app/javascript/gabsocial/components/panel/profile_info_panel.js

@@ -91,9 +91,24 @@ class ProfileInfoPanel extends ImmutablePureComponent {
             <Fragment>
               <Divider isSmall />
               <div className={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}>
-                { isPro && <Icon id='pro' size='16px' className={_s.mr5} /> }
-                { isInvestor && <Icon id='investor' size='16px' className={_s.mr5} /> }
-                { isDonor && <Icon id='donor' size='16px' /> }
+                { 
+                  isPro &&
+                  <div className={[_s.mr5, _s.radiusSmall, _s.bgPro, _s.py2, _s.px5].join(' ')}>
+                    <Text weight='bold' size='small' color='white' isBadge>PRO</Text>
+                  </div>
+                }
+                {
+                  isInvestor && 
+                  <div className={[_s.mr5, _s.radiusSmall, _s.bgInvestor, _s.py2, _s.px5].join(' ')}>
+                    <Text weight='bold' size='small' color='white' isBadge>INVESTOR</Text>
+                  </div>
+                }
+                {
+                  isDonor &&
+                  <div className={[_s.mr5, _s.radiusSmall, _s.bgDonor, _s.py2, _s.px5].join(' ')}>
+                    <Text weight='bold' size='small' color='white' isBadge>DONOR</Text>
+                  </div>
+                }
               </div>
             </Fragment>
           }

app/javascript/gabsocial/components/panel/progress_panel.js

@@ -25,8 +25,6 @@ class ProgressPanel extends PureComponent {
 
     const value = Math.min(parseFloat(monthlyExpensesComplete), 100)
 
-    console.log("monthlyExpensesComplete:", monthlyExpensesComplete)
-
     return (
       <PanelLayout
         title={intl.formatMessage(messages.operationsTitle)}

app/javascript/gabsocial/components/panel/search_filter_panel.js

@@ -19,12 +19,13 @@ export default
 class SearchFilterPanel extends ImmutablePureComponent {
 
   static propTypes = {
-    group: ImmutablePropTypes.list.isRequired,
     intl: PropTypes.object.isRequired,
   }
 
   render() {
-    const { intl, group } = this.props
+    const { intl } = this.props
+
+    // verified or not
 
     return (
       <PanelLayout title={intl.formatMessage(messages.title)}>