Add counter on deleted notes

browser/components/SideNavFilter.js

@@ -15,7 +15,7 @@ import styles from './SideNavFilter.styl'
  */
 const SideNavFilter = ({
   isFolded, isHomeActive, handleAllNotesButtonClick,
-  isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick
+  isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote
 }) => (
   <div styleName={isFolded ? 'menu--folded' : 'menu'}>
     <button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
@@ -35,6 +35,7 @@ const SideNavFilter = ({
     >
       <i className='fa fa-trash fa-fw' />
       <span styleName='menu-button-label'>Trash</span>
+      <span styleName='counter-notes-trash'>{counterDelNote}</span>
     </button>
   </div>
 )

browser/components/SideNavFilter.styl

@@ -10,6 +10,9 @@
   text-align left
   overflow ellipsis
 
+.counter-notes-trash
+  float right
+
 .menu-button--active
   @extend .menu-button
   color #e74c3c

browser/main/SideNav/index.js

@@ -72,6 +72,7 @@ class SideNav extends React.Component {
             isTrashedActive={isTrashedActive}
             handleStarredButtonClick={(e) => this.handleStarredButtonClick(e)}
             handleTrashedButtonClick={(e) => this.handleTrashedButtonClick(e)}
+            counterDelNote={data.trashedSet._set.size === 0 ? null : data.trashedSet._set.size}
           />
 
           <StorageList storageList={storageList} />