fix adding notebook.

apps/mobile/src/components/AddNotebookDialog/index.js

@@ -105,10 +105,20 @@ export class AddNotebookDialog extends React.Component {
   };
 
   addNewNotebook = async () => {
+    if (this.currentInputValue) {
+      this.onSubmit();
+    }
+    setTimeout(async () => {
       let {topics} = this.state;
       let {toEdit} = this.props;
       if (!this.title)
-      return ToastEvent.show('Title is required', 'error', 3000, () => {}, '');
+        return ToastEvent.show(
+          'Title is required',
+          'error',
+          3000,
+          () => {},
+          '',
+        );
 
       let id = toEdit && toEdit.id ? toEdit.id : null;
 
@@ -122,6 +132,7 @@ export class AddNotebookDialog extends React.Component {
       updateEvent({type: ACTIONS.NOTEBOOKS});
       this.close();
       ToastEvent.show('New notebook added', 'success', 3000, () => {}, '');
+    }, 200);
   };
 
   onSubmit = () => {
@@ -337,6 +348,7 @@ export class AddNotebookDialog extends React.Component {
                   });
                 }}
                 onBlur={() => {
+                  this.onSubmit();
                   this.setState({
                     topicInputFoused: false,
                   });

apps/mobile/src/components/NotesList/index.js

@@ -21,8 +21,15 @@ import {db, DDS} from '../../../App';
 
 export const NotesList = ({isGrouped = false}) => {
   const [state, dispatch] = useTracked();
-  const {colors, selectionMode, currentEditingNote, loading, keyword} = state;
-  const notes = [...state.notes];
+  const {
+    colors,
+    selectionMode,
+    currentEditingNote,
+    loading,
+    keyword,
+    notes,
+  } = state;
+
   const searchResults = [...state.searchResults];
   const [refreshing, setRefreshing] = useState(false);