diff --git a/packages/app-desktop/gui/EncryptionConfigScreen.jsx b/packages/app-desktop/gui/EncryptionConfigScreen.jsx index 2c3f6ee78..fd11e8a87 100644 --- a/packages/app-desktop/gui/EncryptionConfigScreen.jsx +++ b/packages/app-desktop/gui/EncryptionConfigScreen.jsx @@ -256,7 +256,7 @@ class EncryptionConfigScreenComponent extends React.Component {
{ -
+

{_('For more information about End-To-End Encryption (E2EE) and advice on how to enable it please check the documentation:')}{' '} {renderSearchBar()}

-
+
{renderTagButton()} {renderTagBar()}
diff --git a/packages/app-desktop/gui/NoteEditor/NoteTitle/NoteTitleBar.tsx b/packages/app-desktop/gui/NoteEditor/NoteTitle/NoteTitleBar.tsx index 8af2d6777..5b4d655d3 100644 --- a/packages/app-desktop/gui/NoteEditor/NoteTitle/NoteTitleBar.tsx +++ b/packages/app-desktop/gui/NoteEditor/NoteTitle/NoteTitleBar.tsx @@ -91,7 +91,7 @@ export default function NoteTitleBar(props: Props) { }, []); function renderTitleBarDate() { - return {time.formatMsToLocal(props.noteUserUpdatedTime)}; + return {time.formatMsToLocal(props.noteUserUpdatedTime)}; } function renderNoteToolbar() { @@ -104,6 +104,7 @@ export default function NoteTitleBar(props: Props) { return ( ; + const classNames = [ + 'list-item-container', + props.isSelected && 'selected', + item.todo_completed && 'todo-completed', + item.is_todo ? 'todo-list-item' : 'note-list-item', + (props.index + 1) % 2 === 0 ? 'even' : 'odd', + ] + .filter(e => !!e) + .join(' '); // Need to include "todo_completed" in key so that checkbox is updated when // item is changed via sync. return ( +
{closeButton} onDateTimeChange(momentObject)} />; + inputComp = onDateTimeChange(momentObject)} />; } else if (this.props.inputType === 'tags') { - inputComp = onKeyDown(event)} />; + inputComp = onKeyDown(event)} />; } else if (this.props.inputType === 'dropdown') { - inputComp = onKeyDown(event)} />; } else { inputComp = onChange(event)} onKeyDown={event => onKeyDown(event)} />; } @@ -254,8 +254,8 @@ class PromptDialog extends React.Component { } return ( -
-
+
+
{inputComp} diff --git a/packages/app-desktop/gui/SearchBar/SearchBar.tsx b/packages/app-desktop/gui/SearchBar/SearchBar.tsx index b90609153..cee07d0e5 100644 --- a/packages/app-desktop/gui/SearchBar/SearchBar.tsx +++ b/packages/app-desktop/gui/SearchBar/SearchBar.tsx @@ -126,7 +126,7 @@ function SearchBar(props: Props) { }, [props.notesParentType, onExitSearch]); return ( - + {noteCount} : null; + const noteCountComp = noteCount ? {noteCount} : null; const shareIcon = shareId && !parentId ? : null; return ( - + - {folderTitle} {shareIcon} {noteCountComp} + {folderTitle} + {shareIcon} {noteCountComp} ); @@ -382,7 +383,7 @@ class SidebarComponent extends React.Component { } renderNoteCount(count: number) { - return count ? {count} : null; + return count ? {count} : null; } renderExpandIcon(isExpanded: boolean, isVisible: boolean = true) { @@ -394,7 +395,7 @@ class SidebarComponent extends React.Component { renderAllNotesItem(selected: boolean) { return ( - + {this.renderExpandIcon(false, false)} { const noteCount = Setting.value('showNoteCounts') ? this.renderNoteCount(tag.note_count) : ''; return ( - + {this.renderExpandIcon(false, false)} { this.tagItem_click(tag); }} > - {Tag.displayTitle(tag)} {noteCount} + {Tag.displayTitle(tag)} + {noteCount} ); @@ -657,7 +664,11 @@ class SidebarComponent extends React.Component { const folderItems = [this.renderAllNotesItem(allNotesSelected)].concat(result.items); this.folderItemsOrder_ = result.order; items.push( -
+
{folderItems}
); diff --git a/packages/app-desktop/gui/ToggleEditorsButton/ToggleEditorsButton.tsx b/packages/app-desktop/gui/ToggleEditorsButton/ToggleEditorsButton.tsx index fbdda5ed5..946ae7eb1 100644 --- a/packages/app-desktop/gui/ToggleEditorsButton/ToggleEditorsButton.tsx +++ b/packages/app-desktop/gui/ToggleEditorsButton/ToggleEditorsButton.tsx @@ -17,7 +17,16 @@ export default function ToggleEditorsButton(props: Props) { const style = styles_(props); return ( -