public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Add Counters on All notes && Starred notes

Browse Source
This commit is contained in:
Paul Rosset
2017-11-02 17:03:59 +00:00
parent c8256bea3a
commit 875c451221
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
browser/components/SideNavFilter.js
View File

@@ -15,7 +15,8 @@ import styles from './SideNavFilter.styl'
*/ */
const SideNavFilter = ({ const SideNavFilter = ({
isFolded, isHomeActive, handleAllNotesButtonClick, isFolded, isHomeActive, handleAllNotesButtonClick,
isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote,
counterTotalNote, counterStarredNote
}) => ( }) => (
<div styleName={isFolded ? 'menu--folded' : 'menu'}> <div styleName={isFolded ? 'menu--folded' : 'menu'}>
<button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'} <button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
@@ -23,19 +24,21 @@ const SideNavFilter = ({
> >
<i className='fa fa-archive fa-fw' /> <i className='fa fa-archive fa-fw' />
<span styleName='menu-button-label'>All Notes</span> <span styleName='menu-button-label'>All Notes</span>
<span styleName='counters'>{counterTotalNote}</span>
</button> </button>
<button styleName={isStarredActive ? 'menu-button-star--active' : 'menu-button'} <button styleName={isStarredActive ? 'menu-button-star--active' : 'menu-button'}
onClick={handleStarredButtonClick} onClick={handleStarredButtonClick}
> >
<i className='fa fa-star fa-fw' /> <i className='fa fa-star fa-fw' />
<span styleName='menu-button-label'>Starred</span> <span styleName='menu-button-label'>Starred</span>
<span styleName='counters'>{counterStarredNote}</span>
</button> </button>
<button styleName={isTrashedActive ? 'menu-button--active' : 'menu-button'} <button styleName={isTrashedActive ? 'menu-button--active' : 'menu-button'}
onClick={handleTrashedButtonClick} onClick={handleTrashedButtonClick}
> >
<i className='fa fa-trash fa-fw' /> <i className='fa fa-trash fa-fw' />
<span styleName='menu-button-label'>Trash</span> <span styleName='menu-button-label'>Trash</span>
<span styleName='counter-notes-trash'>{counterDelNote}</span> <span styleName='counters'>{counterDelNote}</span>
</button> </button>
</div> </div>
) )

2
browser/components/SideNavFilter.styl
View File

@@ -10,7 +10,7 @@
text-align left text-align left
overflow ellipsis overflow ellipsis
.counter-notes-trash .counters
float right float right
.menu-button--active .menu-button--active

2
browser/main/SideNav/index.js
View File

@@ -72,6 +72,8 @@ class SideNav extends React.Component {
isTrashedActive={isTrashedActive} isTrashedActive={isTrashedActive}
handleStarredButtonClick={(e) => this.handleStarredButtonClick(e)} handleStarredButtonClick={(e) => this.handleStarredButtonClick(e)}
handleTrashedButtonClick={(e) => this.handleTrashedButtonClick(e)} handleTrashedButtonClick={(e) => this.handleTrashedButtonClick(e)}
counterTotalNote={data.noteMap._map.size === 0 ? null : data.noteMap._map.size}
counterStarredNote={data.starredSet._set.size === 0 ? null : data.starredSet._set.size}
counterDelNote={data.trashedSet._set.size === 0 ? null : data.trashedSet._set.size} counterDelNote={data.trashedSet._set.size === 0 ? null : data.trashedSet._set.size}
/> />