mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
Add Counters on All notes && Starred notes
This commit is contained in:
@@ -15,7 +15,8 @@ import styles from './SideNavFilter.styl'
|
||||
*/
|
||||
const SideNavFilter = ({
|
||||
isFolded, isHomeActive, handleAllNotesButtonClick,
|
||||
isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote
|
||||
isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote,
|
||||
counterTotalNote, counterStarredNote
|
||||
}) => (
|
||||
<div styleName={isFolded ? 'menu--folded' : 'menu'}>
|
||||
<button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
|
||||
@@ -23,19 +24,21 @@ const SideNavFilter = ({
|
||||
>
|
||||
<i className='fa fa-archive fa-fw' />
|
||||
<span styleName='menu-button-label'>All Notes</span>
|
||||
<span styleName='counters'>{counterTotalNote}</span>
|
||||
</button>
|
||||
<button styleName={isStarredActive ? 'menu-button-star--active' : 'menu-button'}
|
||||
onClick={handleStarredButtonClick}
|
||||
>
|
||||
<i className='fa fa-star fa-fw' />
|
||||
<span styleName='menu-button-label'>Starred</span>
|
||||
<span styleName='counters'>{counterStarredNote}</span>
|
||||
</button>
|
||||
<button styleName={isTrashedActive ? 'menu-button--active' : 'menu-button'}
|
||||
onClick={handleTrashedButtonClick}
|
||||
>
|
||||
<i className='fa fa-trash fa-fw' />
|
||||
<span styleName='menu-button-label'>Trash</span>
|
||||
<span styleName='counter-notes-trash'>{counterDelNote}</span>
|
||||
<span styleName='counters'>{counterDelNote}</span>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
text-align left
|
||||
overflow ellipsis
|
||||
|
||||
.counter-notes-trash
|
||||
.counters
|
||||
float right
|
||||
|
||||
.menu-button--active
|
||||
|
||||
@@ -72,6 +72,8 @@ class SideNav extends React.Component {
|
||||
isTrashedActive={isTrashedActive}
|
||||
handleStarredButtonClick={(e) => this.handleStarredButtonClick(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}
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user