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;