diff --git a/ReactNativeClient/lib/components/side-menu-content-note.js b/ReactNativeClient/lib/components/side-menu-content-note.js index 09167316cf..221e82d57a 100644 --- a/ReactNativeClient/lib/components/side-menu-content-note.js +++ b/ReactNativeClient/lib/components/side-menu-content-note.js @@ -100,6 +100,7 @@ class SideMenuContentNoteComponent extends Component { borderRightWidth: 1, borderRightColor: globalStyle.dividerColor, backgroundColor: theme.backgroundColor, + paddingTop: 10, }; return ( diff --git a/ReactNativeClient/lib/components/side-menu-content.js b/ReactNativeClient/lib/components/side-menu-content.js index 203526b747..88b5b8255a 100644 --- a/ReactNativeClient/lib/components/side-menu-content.js +++ b/ReactNativeClient/lib/components/side-menu-content.js @@ -28,6 +28,7 @@ class SideMenuContentComponent extends Component { this.newFolderButton_press = this.newFolderButton_press.bind(this); this.synchronize_press = this.synchronize_press.bind(this); this.configButton_press = this.configButton_press.bind(this); + this.allNotesButton_press = this.allNotesButton_press.bind(this); this.renderFolderItem = this.renderFolderItem.bind(this); } @@ -79,6 +80,7 @@ class SideMenuContentComponent extends Component { styles.folderIcon.paddingTop = 3; styles.sideButton = Object.assign({}, styles.button, { flex: 0 }); + styles.sideButtonSelected = Object.assign({}, styles.sideButton, { backgroundColor: theme.selectedColor }); styles.sideButtonText = Object.assign({}, styles.buttonText); this.styles_[this.props.theme] = StyleSheet.create(styles); @@ -86,23 +88,13 @@ class SideMenuContentComponent extends Component { } folder_press(folder) { - if (folder === 'all') { - this.props.dispatch({ type: 'SIDE_MENU_CLOSE' }); + this.props.dispatch({ type: 'SIDE_MENU_CLOSE' }); - this.props.dispatch({ - type: 'NAV_GO', - routeName: 'Notes', - smartFilterId: 'c3176726992c11e9ac940492261af972', - }); - } else { - this.props.dispatch({ type: 'SIDE_MENU_CLOSE' }); - - this.props.dispatch({ - type: 'NAV_GO', - routeName: 'Notes', - folderId: folder.id, - }); - } + this.props.dispatch({ + type: 'NAV_GO', + routeName: 'Notes', + folderId: folder.id, + }); } async folder_longPress(folder) { @@ -181,6 +173,16 @@ class SideMenuContentComponent extends Component { NavService.go('Config'); } + allNotesButton_press() { + this.props.dispatch({ type: 'SIDE_MENU_CLOSE' }); + + this.props.dispatch({ + type: 'NAV_GO', + routeName: 'Notes', + smartFilterId: 'c3176726992c11e9ac940492261af972', + }); + } + newFolderButton_press() { this.props.dispatch({ type: 'SIDE_MENU_CLOSE' }); @@ -215,22 +217,20 @@ class SideMenuContentComponent extends Component { let iconWrapper = null; - if (folder !== 'all') { - const iconName = this.props.collapsedFolderIds.indexOf(folder.id) >= 0 ? 'md-arrow-dropdown' : 'md-arrow-dropup'; - const iconComp = + const iconName = this.props.collapsedFolderIds.indexOf(folder.id) >= 0 ? 'md-arrow-dropdown' : 'md-arrow-dropup'; + const iconComp = - iconWrapper = !hasChildren ? null : ( - { if (hasChildren) this.folder_togglePress(folder) }}> - { iconComp } - - ); - } + iconWrapper = !hasChildren ? null : ( + { if (hasChildren) this.folder_togglePress(folder) }}> + { iconComp } + + ); return ( - + { this.folder_press(folder) }} onLongPress={() => { this.folder_longPress(folder) }}> - {folder === 'all' ? _('All notes') : Folder.displayTitle(folder)} + {Folder.displayTitle(folder)} { iconWrapper } @@ -238,15 +238,21 @@ class SideMenuContentComponent extends Component { ); } - renderSideBarButton(key, title, iconName, onPressHandler) { + renderSideBarButton(key, title, iconName, onPressHandler = null, selected = false) { const theme = themeStyle(this.props.theme); + const content = ( + + + {title} + + ); + + if (!onPressHandler) return content; + return ( - - - {title} - + {content} ); } @@ -313,10 +319,12 @@ class SideMenuContentComponent extends Component { // using padding. So instead creating blank elements for padding bottom and top. items.push(); - items.push(this.renderFolderItem('all', this.props.notesParentType === 'SmartFilter', false, 0)); + items.push(this.renderSideBarButton('all_notes', _('All notes'), 'md-document', this.allNotesButton_press, this.props.notesParentType === 'SmartFilter')); items.push(this.makeDivider('divider_all')); + // items.push(this.renderSideBarButton('folder_header', _('Notebooks'), 'md-folder')); + if (this.props.folders.length) { const result = shared.renderFolders(this.props, this.renderFolderItem); const folderItems = result.items;