Merge pull request #8 from PrakashDurlabhji/issue_2435

Issue Fix #10 (old #2435 from community-app)

Author: luizrrodrigues

dist/dev/index.js

@@ -19,6 +19,7 @@ $gray-03: #AAA;
 $gray-02: #E0E0E0;
 $gray-hover-profile-icon: rgba(85, 85, 85, 0.4);
 $gray-neutral-light: #FBFBFB;
+$gray-joining-date: #404041;
 
 $turquoise: #43D7B0;
 $turquoise-dark: #0AB88A;

dist/prod/index.js

@@ -7,6 +7,7 @@ import IconAvatar from '../../assets/images/img-vic-tor-avatar.svg'
 import IconCloseDark from '../../assets/images/icon-close-dark.svg'
 import IconSwitchBusiness from '../../assets/images/icon-switch-business.svg'
 import styles from './styles.module.scss'
+import moment from 'moment'
 
 class AccountMenu extends React.Component {
   renderLink (menu, i) {
@@ -57,7 +58,7 @@ class AccountMenu extends React.Component {
               }
               <div className={styles['handle-container']}>
                 <span className={styles['handle']}>@{_.isEmpty(profile) ? '' : profile.handle}</span>
-                <span className={styles['description']}>{_.isEmpty(profile) ? '' : profile.description}</span>
+                <span className={styles['description']}>{_.isEmpty(profile) ? '' : `Member since ${moment(profile.createdAt).format('MMMM, YYYY')}`}</span>
               </div>
             </div>
             <span role='button' className={styles['icon-close']} onClick={onClose}>

src/assets/sass/_global/_variables.scss

@@ -169,7 +169,9 @@
         }
 
         .description {
+          @include Roboto-Regular;
           font-size: 12px;
+          color: $gray-joining-date;
         }
       }