Progress

app/javascript/gabsocial/components/sidebar_header.js

@@ -4,7 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import { me } from '../initial_state'
 import { makeGetAccount } from '../selectors'
-import GabLogo from '../assets/gab_logo'
+import Icon from './icon'
 import SidebarSectionItem from './sidebar_section_item'
 import Text from './text'
 
@@ -27,14 +27,20 @@ class SidebarHeader extends ImmutablePureComponent {
   render() {
     const { account } = this.props
 
+    const isPro = account.get('is_pro')
+    const gabLogoClasses = isPro ? _s.fillColorGabPro : _s.fillColorBrand
+
     return (
       <Fragment>
         <h1 className={[_s.default].join(' ')}>
           <NavLink to='/' aria-label='Gab' className={[_s.default, _s.flexRow, _s.noSelect, _s.noUnderline, _s.height50PX, _s.cursorPointer, _s.px10].join(' ')}>
-            <GabLogo />
-            <Text weight='bold' color='brand' size='extraSmall' className={[_s.pb5].join(' ')}>
-              BETA
-            </Text>
+            <Icon id='gab-logo' className={gabLogoClasses} />
+            {
+              isPro &&
+              <Text weight='bold' color='pro' size='extraSmall' className={[_s.pb5].join(' ')}>
+                PRO
+              </Text>
+            }
           </NavLink>
         </h1>