Merge pull request #297 from asmsuechan/add-trash-can

Add trash can
2025-12-13 09:46:22 +00:00 · 2017-07-12 15:53:49 +09:00
parent ec560ceab1 2e628de9c6
commit dccb92d72b
12 changed files with 319 additions and 143 deletions
--- a/browser/components/NoteItem.js
+++ b/browser/components/NoteItem.js
@@ -89,7 +89,8 @@ NoteItem.propTypes = {
    type: PropTypes.string.isRequired,
    title: PropTypes.string.isrequired,
    tags: PropTypes.array,
-    isStarred: PropTypes.bool.isRequired
+    isStarred: PropTypes.bool.isRequired,
+    isTrashed: PropTypes.bool.isRequired
  }),
  handleNoteClick: PropTypes.func.isRequired,
  handleDragStart: PropTypes.func.isRequired,
--- a/browser/components/SideNavFilter.js
+++ b/browser/components/SideNavFilter.js
@@ -15,7 +15,7 @@ import styles from './SideNavFilter.styl'
 */
 const SideNavFilter = ({
  isFolded, isHomeActive, handleAllNotesButtonClick,
-  isStarredActive, handleStarredButtonClick
+  isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick
 }) => (
  <div styleName={isFolded ? 'menu--folded' : 'menu'}>
    <button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
@@ -30,6 +30,12 @@ const SideNavFilter = ({
      <i className='fa fa-star fa-fw' />
      <span styleName='menu-button-label'>Starred</span>
    </button>
+    <button styleName={isTrashedActive ? 'menu-button--active' : 'menu-button'}
+      onClick={handleTrashedButtonClick}
+    >
+      <i className='fa fa-trash fa-fw' />
+      <span styleName='menu-button-label'>Trashed</span>
+    </button>
  </div>
 )

@@ -38,7 +44,9 @@ SideNavFilter.propTypes = {
  isHomeActive: PropTypes.bool.isRequired,
  handleAllNotesButtonClick: PropTypes.func.isRequired,
  isStarredActive: PropTypes.bool.isRequired,
-  handleStarredButtonClick: PropTypes.func.isRequired
+  isTrashedActive: PropTypes.bool.isRequired,
+  handleStarredButtonClick: PropTypes.func.isRequired,
+  handleTrashdButtonClick: PropTypes.func.isRequired
 }

 export default CSSModules(SideNavFilter, styles)
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -56,7 +56,7 @@ class MarkdownNoteDetail extends React.Component {
        note: Object.assign({}, nextProps.note)
      }, () => {
        this.refs.content.reload()
-        this.refs.tags.reset()
+        if (this.refs.tags) this.refs.tags.reset()
      })
    }
  }
@@ -91,7 +91,7 @@ class MarkdownNoteDetail extends React.Component {
    let { note } = this.state

    note.content = this.refs.content.value
-    note.tags = this.refs.tags.value
+    if (this.refs.tags) note.tags = this.refs.tags.value
    note.title = markdown.strip(findNoteTitle(note.content))
    note.updatedAt = new Date()

@@ -176,30 +176,59 @@ class MarkdownNoteDetail extends React.Component {
  }

  handleTrashButtonClick (e) {
-    let index = dialog.showMessageBox(remote.getCurrentWindow(), {
+    let { note } = this.state
+    const { isTrashed } = note
+
+    const popupMessage = isTrashed ? 'This work cannot be undone.' : 'Throw it into trashbox.'
+
+    let dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
      type: 'warning',
      message: 'Delete a note',
-      detail: 'This work cannot be undone.',
+      detail: popupMessage,
      buttons: ['Confirm', 'Cancel']
    })
-    if (index === 0) {
-      let { note, dispatch } = this.props
-      dataApi
-        .deleteNote(note.storage, note.key)
-        .then((data) => {
-          let dispatchHandler = () => {
-            dispatch({
-              type: 'DELETE_NOTE',
-              storageKey: data.storageKey,
-              noteKey: data.noteKey
-            })
-          }
-          ee.once('list:moved', dispatchHandler)
-          ee.emit('list:next')
+    if (dialogueButtonIndex === 0) {
+      if (!isTrashed) {
+        note.isTrashed = true
+
+        this.setState({
+          note
+        }, () => {
+          this.save()
        })
+      } else {
+        let { note, dispatch } = this.props
+        dataApi
+          .deleteNote(note.storage, note.key)
+          .then((data) => {
+            let dispatchHandler = () => {
+              dispatch({
+                type: 'DELETE_NOTE',
+                storageKey: data.storageKey,
+                noteKey: data.noteKey
+              })
+            }
+            ee.once('list:moved', dispatchHandler)
+          })
+      }
+      ee.emit('list:next')
    }
  }

+  handleUndoButtonClick (e) {
+    let { note } = this.state
+
+    note.isTrashed = false
+
+    this.setState({
+      note
+    }, () => {
+      this.save()
+      this.refs.content.reload()
+      ee.emit('list:next')
+    })
+  }
+
  handleFullScreenButton (e) {
    ee.emit('editor:fullscreen')
  }
@@ -254,72 +283,89 @@ class MarkdownNoteDetail extends React.Component {
    })
    let currentOption = options.filter((option) => option.storage.key === storageKey && option.folder.key === folderKey)[0]

+    const trashTopBar = <div styleName='info'>
+      <div styleName='info-left'>
+        <div styleName='info-left-top'>
+          <div styleName='info-left-top-folderSelect'>
+            <i styleName='undo-button'
+              className='fa fa-undo fa-fw'
+              onClick={(e) => this.handleUndoButtonClick(e)}
+            />
+          </div>
+        </div>
+      </div>
+      <div styleName='info-right'>
+        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+      </div>
+    </div>
+
+    const detailTopBar = <div styleName='info'>
+      <div styleName='info-left'>
+        <StarButton styleName='info-left-button'
+          onClick={(e) => this.handleStarButtonClick(e)}
+          isActive={note.isStarred}
+        />
+        <div styleName='info-left-top'>
+          <FolderSelect styleName='info-left-top-folderSelect'
+            value={this.state.note.storage + '-' + this.state.note.folder}
+            ref='folder'
+            data={data}
+            onChange={(e) => this.handleFolderChange(e)}
+          />
+        </div>
+
+        <TagSelect
+          ref='tags'
+          value={this.state.note.tags}
+          onChange={(e) => this.handleChange(e)}
+        />
+        <TodoListPercentage
+          percentageOfTodo={this.getPercentageOfCompleteTodo(note.content)}
+        />
+      </div>
+      <div styleName='info-right'>
+        {(() => {
+          const faClassName = `fa ${this.getToggleLockButton()}`
+          const lockButtonComponent =
+            <button styleName='control-lockButton'
+              onFocus={(e) => this.handleFocus(e)}
+              onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
+            >
+              <i className={faClassName} styleName='lock-button' />
+              <span styleName='control-lockButton-tooltip'>
+                {this.state.isLocked ? 'Unlock' : 'Lock'}
+              </span>
+            </button>
+          return (
+            this.state.isLockButtonShown ? lockButtonComponent : ''
+          )
+        })()}
+        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+        <button styleName='control-fullScreenButton'
+          onMouseDown={(e) => this.handleFullScreenButton(e)}
+        >
+          <i className='fa fa-expand' styleName='fullScreen-button' />
+        </button>
+        <InfoButton
+          onClick={(e) => this.handleInfoButtonClick(e)}
+        />
+        <InfoPanel
+          storageName={currentOption.storage.name}
+          folderName={currentOption.folder.name}
+          noteKey={location.query.key}
+          updatedAt={formatDate(note.updatedAt)}
+          createdAt={formatDate(note.createdAt)}
+        />
+      </div>
+    </div>
+
    return (
      <div className='NoteDetail'
        style={this.props.style}
        styleName='root'
      >
-        <div styleName='info'>
-          <div styleName='info-left'>
-            <StarButton styleName='info-left-button'
-              onClick={(e) => this.handleStarButtonClick(e)}
-              isActive={note.isStarred}
-            />
-            <div styleName='info-left-top'>
-              <FolderSelect styleName='info-left-top-folderSelect'
-                value={this.state.note.storage + '-' + this.state.note.folder}
-                ref='folder'
-                data={data}
-                onChange={(e) => this.handleFolderChange(e)}
-              />
-            </div>

-            <TagSelect
-              ref='tags'
-              value={this.state.note.tags}
-              onChange={(e) => this.handleChange(e)}
-            />
-            <TodoListPercentage
-              percentageOfTodo={this.getPercentageOfCompleteTodo(note.content)}
-            />
-          </div>
-          <div styleName='info-right'>
-            {(() => {
-              const faClassName = `fa ${this.getToggleLockButton()}`
-              const lockButtonComponent =
-                <button styleName='control-lockButton'
-                  onFocus={(e) => this.handleFocus(e)}
-                  onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
-                >
-                  <i className={faClassName} styleName='lock-button' />
-                  <span styleName='control-lockButton-tooltip'>
-                    {this.state.isLocked ? 'Lock' : 'Unlock'}
-                  </span>
-                </button>
-              return (
-                this.state.isLockButtonShown ? lockButtonComponent : ''
-              )
-            })()}
-            <TrashButton
-              onClick={(e) => this.handleTrashButtonClick(e)}
-            />
-            <button styleName='control-fullScreenButton'
-              onMouseDown={(e) => this.handleFullScreenButton(e)}
-            >
-              <i className='fa fa-expand' styleName='fullScreen-button' />
-            </button>
-            <InfoButton
-              onClick={(e) => this.handleInfoButtonClick(e)}
-            />
-            <InfoPanel
-              storageName={currentOption.storage.name}
-              folderName={currentOption.folder.name}
-              noteKey={location.query.key}
-              updatedAt={formatDate(note.updatedAt)}
-              createdAt={formatDate(note.createdAt)}
-            />
-          </div>
-        </div>
+        {location.pathname === '/trashed' ? trashTopBar : detailTopBar}

        <div styleName='body'>
          <MarkdownEditor
--- a/browser/main/Detail/NoteDetailInfo.styl
+++ b/browser/main/Detail/NoteDetailInfo.styl
@@ -55,6 +55,18 @@ $info-margin-under-border = 27px
  bottom 1px
  padding-left 30px

+.undo-button
+  position relative
+  border solid 1px transparent
+  line-height 34px
+  vertical-align middle
+  border-radius 2px
+  transition 0.15s
+  user-select none
+  cursor pointer
+  &:hover
+    background-color #D9D9D9
+
 body[data-theme="dark"]
  .info
    border-color $ui-dark-borderColor
--- a/browser/main/Detail/SnippetNoteDetail.js
+++ b/browser/main/Detail/SnippetNoteDetail.js
@@ -72,7 +72,7 @@ class SnippetNoteDetail extends React.Component {
        snippets.forEach((snippet, index) => {
          this.refs['code-' + index].reload()
        })
-        this.refs.tags.reset()
+        if (this.refs.tags) this.refs.tags.reset()
      })
    }
  }
@@ -84,7 +84,7 @@ class SnippetNoteDetail extends React.Component {
  handleChange (e) {
    let { note } = this.state

-    note.tags = this.refs.tags.value
+    if (this.refs.tags) note.tags = this.refs.tags.value
    note.description = this.refs.description.value
    note.updatedAt = new Date()
    note.title = findNoteTitle(note.description)
@@ -170,30 +170,58 @@ class SnippetNoteDetail extends React.Component {
  }

  handleTrashButtonClick (e) {
-    let index = dialog.showMessageBox(remote.getCurrentWindow(), {
+    let { note } = this.state
+    const { isTrashed } = note
+
+    const popupMessage = isTrashed ? 'This work cannot be undone.' : 'Throw it into trashbox.'
+
+    let dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
      type: 'warning',
      message: 'Delete a note',
-      detail: 'This work cannot be undone.',
+      detail: popupMessage,
      buttons: ['Confirm', 'Cancel']
    })
-    if (index === 0) {
-      let { note, dispatch } = this.props
-      dataApi
-        .deleteNote(note.storage, note.key)
-        .then((data) => {
-          let dispatchHandler = () => {
-            dispatch({
-              type: 'DELETE_NOTE',
-              storageKey: data.storageKey,
-              noteKey: data.noteKey
-            })
-          }
-          ee.once('list:moved', dispatchHandler)
-          ee.emit('list:next')
+    if (dialogueButtonIndex === 0) {
+      if (!isTrashed) {
+        note.isTrashed = true
+
+        this.setState({
+          note
+        }, () => {
+          this.save()
        })
+      } else {
+        let { note, dispatch } = this.props
+        dataApi
+          .deleteNote(note.storage, note.key)
+          .then((data) => {
+            let dispatchHandler = () => {
+              dispatch({
+                type: 'DELETE_NOTE',
+                storageKey: data.storageKey,
+                noteKey: data.noteKey
+              })
+            }
+            ee.once('list:moved', dispatchHandler)
+          })
+      }
+      ee.emit('list:next')
    }
  }

+  handleUndoButtonClick (e) {
+    let { note } = this.state
+
+    note.isTrashed = false
+
+    this.setState({
+      note
+    }, () => {
+      this.save()
+      ee.emit('list:next')
+    })
+  }
+
  handleFullScreenButton (e) {
    ee.emit('editor:fullscreen')
  }
@@ -513,54 +541,60 @@ class SnippetNoteDetail extends React.Component {
    })
    let currentOption = options.filter((option) => option.storage.key === storageKey && option.folder.key === folderKey)[0]

+    const trashTopBar = <div styleName='info'>
+      <div styleName='info-left'>
+        <div styleName='info-left-top'>
+          <div styleName='info-left-top-folderSelect'>
+            <i styleName='undo-button'
+              className='fa fa-undo fa-fw'
+              onClick={(e) => this.handleUndoButtonClick(e)}
+            />
+          </div>
+        </div>
+      </div>
+      <div styleName='info-right'>
+        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+      </div>
+    </div>
+
+    const detailTopBar = <div styleName='info'>
+      <div styleName='info-left'>
+        <StarButton styleName='info-left-button'
+          onClick={(e) => this.handleStarButtonClick(e)}
+          isActive={note.isStarred}
+        />
+        <div styleName='info-left-top'>
+          <FolderSelect styleName='info-left-top-folderSelect'
+            value={this.state.note.storage + '-' + this.state.note.folder}
+            ref='folder'
+            data={data}
+            onChange={(e) => this.handleFolderChange(e)}
+          />
+        </div>
+
+        <TagSelect
+          ref='tags'
+          value={this.state.note.tags}
+          onChange={(e) => this.handleChange(e)}
+        />
+      </div>
+      <div styleName='info-right'>
+        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+        <button styleName='control-fullScreenButton'
+          onMouseDown={(e) => this.handleFullScreenButton(e)}
+        >
+          <i className='fa fa-arrows-alt' styleName='fullScreen-button' />
+        </button>
+      </div>
+    </div>
+
    return (
      <div className='NoteDetail'
        style={this.props.style}
        styleName='root'
        onKeyDown={(e) => this.handleKeyDown(e)}
      >
-        <div styleName='info'>
-          <div styleName='info-left'>
-            <StarButton styleName='info-left-button'
-              onClick={(e) => this.handleStarButtonClick(e)}
-              isActive={note.isStarred}
-            />
-            <div styleName='info-left-top'>
-              <FolderSelect styleName='info-left-top-folderSelect'
-                value={this.state.note.storage + '-' + this.state.note.folder}
-                ref='folder'
-                data={data}
-                onChange={(e) => this.handleFolderChange(e)}
-              />
-            </div>
-
-            <TagSelect
-              ref='tags'
-              value={this.state.note.tags}
-              onChange={(e) => this.handleChange(e)}
-            />
-          </div>
-          <div styleName='info-right'>
-            <TrashButton
-              onClick={(e) => this.handleTrashButtonClick(e)}
-            />
-            <button styleName='control-fullScreenButton'
-              onMouseDown={(e) => this.handleFullScreenButton(e)}
-            >
-              <i className='fa fa-expand' styleName='fullScreen-button' />
-            </button>
-            <InfoButton
-              onClick={(e) => this.handleInfoButtonClick(e)}
-            />
-            <InfoPanel
-              storageName={currentOption.storage.name}
-              folderName={currentOption.folder.name}
-              noteKey={location.query.key}
-              updatedAt={formatDate(note.updatedAt)}
-              createdAt={formatDate(note.createdAt)}
-            />
-          </div>
-        </div>
+        {location.pathname === '/trashed' ? trashTopBar : detailTopBar}

        <div styleName='body'>
          <div styleName='description'>
--- a/browser/main/NoteList/index.js
+++ b/browser/main/NoteList/index.js
@@ -257,6 +257,11 @@ class NoteList extends React.Component {
      return searchFromNotes(this.props.data, searchInputText)
    }

+    if (location.pathname.match(/\/trashed/)) {
+      return data.trashedSet.toJS()
+        .map((uniqueKey) => data.noteMap.get(uniqueKey))
+    }
+
    let storageKey = params.storageKey
    let folderKey = params.folderKey
    let storage = data.storageMap.get(storageKey)
@@ -411,6 +416,10 @@ class NoteList extends React.Component {
      : sortByUpdatedAt
    this.notes = notes = this.getNotes()
      .sort(sortFunc)
+      .filter((note) => {
+        // this is for the trash box
+        if (note.isTrashed !== true || location.pathname === '/trashed') return true
+      })

    let noteList = notes
      .map(note => {
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -33,12 +33,18 @@ class SideNav extends React.Component {
    })
  }

+  handleTrashedButtonClick (e) {
+    let { router } = this.context
+    router.push('/trashed')
+  }
+
  render () {
    let { data, location, config, dispatch } = this.props

    let isFolded = config.isSideNavFolded
    let isHomeActive = !!location.pathname.match(/^\/home$/)
    let isStarredActive = !!location.pathname.match(/^\/starred$/)
+    let isTrashedActive = !!location.pathname.match(/^\/trashed$/)

    let storageList = data.storageMap.map((storage, key) => {
      return <StorageItem
@@ -72,7 +78,9 @@ class SideNav extends React.Component {
          isHomeActive={isHomeActive}
          handleAllNotesButtonClick={(e) => this.handleHomeButtonClick(e)}
          isStarredActive={isStarredActive}
+          isTrashedActive={isTrashedActive}
          handleStarredButtonClick={(e) => this.handleStarredButtonClick(e)}
+          handleTrashedButtonClick={(e) => this.handleTrashedButtonClick(e)}
        />

        <div styleName='storageList'>
--- a/browser/main/TopBar/index.js
+++ b/browser/main/TopBar/index.js
@@ -9,6 +9,9 @@ import ee from 'browser/main/lib/eventEmitter'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import dataApi from 'browser/main/lib/dataApi'

+const { remote } = require('electron')
+const { dialog } = remote
+
 const OSX = window.process.platform === 'darwin'

 class TopBar extends React.Component {
@@ -41,7 +44,17 @@ class TopBar extends React.Component {
  }

  handleNewPostButtonClick (e) {
-    let { config } = this.props
+    let { config, location } = this.props
+
+    if (location.pathname === '/trashed') {
+      dialog.showMessageBox(remote.getCurrentWindow(), {
+        type: 'warning',
+        message: 'Cannot create new note',
+        detail: 'You cannot create new note in trash box.',
+        buttons: ['OK']
+      })
+      return
+    }

    switch (config.ui.defaultNote) {
      case 'MARKDOWN_NOTE':
--- a/browser/main/index.js
+++ b/browser/main/index.js
@@ -60,6 +60,7 @@ ReactDOM.render((
        <Route path='home' />
        <Route path='starred' />
        <Route path='searched' />
+        <Route path='trashed' />
        <Route path='storages'>
          <IndexRedirect to='/home' />
          <Route path=':storageKey'>
--- a/browser/main/lib/dataApi/createNote.js
+++ b/browser/main/lib/dataApi/createNote.js
@@ -10,6 +10,7 @@ function validateInput (input) {
  input.tags = input.tags.filter((tag) => _.isString(tag) && tag.trim().length > 0)
  if (!_.isString(input.title)) input.title = ''
  input.isStarred = !!input.isStarred
+  input.isTrashed = !!input.isTrashed

  switch (input.type) {
    case 'MARKDOWN_NOTE':
--- a/browser/main/lib/dataApi/updateNote.js
+++ b/browser/main/lib/dataApi/updateNote.js
@@ -21,6 +21,10 @@ function validateInput (input) {
    validatedInput.isStarred = !!input.isStarred
  }

+  if (input.isTrashed != null) {
+    validatedInput.isTrashed = !!input.isTrashed
+  }
+
  validatedInput.type = input.type
  switch (input.type) {
    case 'MARKDOWN_NOTE':
@@ -101,6 +105,7 @@ function updateNote (storageKey, noteKey, input) {
        noteData.createdAt = new Date()
        noteData.updatedAt = new Date()
        noteData.isStarred = false
+        noteData.isTrashed = false
        noteData.tags = []
      }

--- a/browser/main/store.js
+++ b/browser/main/store.js
@@ -11,7 +11,8 @@ function defaultDataMap () {
    starredSet: new Set(),
    storageNoteMap: new Map(),
    folderNoteMap: new Map(),
-    tagNoteMap: new Map()
+    tagNoteMap: new Map(),
+    trashedSet: new Set()
  }
 }

@@ -34,6 +35,10 @@ function data (state = defaultDataMap(), action) {
          state.starredSet.add(uniqueKey)
        }

+        if (note.isTrashed) {
+          state.trashedSet.add(uniqueKey)
+        }
+
        let storageNoteList = state.storageNoteMap.get(note.storage)
        if (storageNoteList == null) {
          storageNoteList = new Set(storageNoteList)
@@ -78,6 +83,15 @@ function data (state = defaultDataMap(), action) {
          }
        }

+        if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
+          state.trashedSet = new Set(state.trashedSet)
+          if (note.isTrashed) {
+            state.trashedSet.add(uniqueKey)
+          } else {
+            state.trashedSet.delete(uniqueKey)
+          }
+        }
+
        // Update storageNoteMap if oldNote doesn't exist
        if (oldNote == null) {
          state.storageNoteMap = new Map(state.storageNoteMap)
@@ -163,6 +177,11 @@ function data (state = defaultDataMap(), action) {
            state.starredSet.delete(originKey)
          }

+          if (originNote.isTrashed) {
+            state.trashedSet = new Set(state.trashedSet)
+            state.trashedSet.delete(originKey)
+          }
+
          // From storageNoteMap
          state.storageNoteMap = new Map(state.storageNoteMap)
          let noteSet = state.storageNoteMap.get(originNote.storage)
@@ -199,6 +218,15 @@ function data (state = defaultDataMap(), action) {
          }
        }

+        if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
+          state.trashedSet = new Set(state.trashedSet)
+          if (note.isTrashed) {
+            state.trashedSet.add(uniqueKey)
+          } else {
+            state.trashedSet.delete(uniqueKey)
+          }
+        }
+
        // Update storageNoteMap if oldNote doesn't exist
        if (oldNote == null) {
          state.storageNoteMap = new Map(state.storageNoteMap)
@@ -283,6 +311,11 @@ function data (state = defaultDataMap(), action) {
            state.starredSet.delete(uniqueKey)
          }

+          if (targetNote.isTrashed) {
+            state.trashedSet = new Set(state.trashedSet)
+            state.trashedSet.delete(uniqueKey)
+          }
+
          // From folderNoteMap
          let folderKey = targetNote.storage + '-' + targetNote.folder
          state.folderNoteMap = new Map(state.folderNoteMap)
@@ -348,6 +381,11 @@ function data (state = defaultDataMap(), action) {
                state.starredSet.delete(noteKey)
              }

+              if (note.isTrashed) {
+                state.trashedSet = new Set(state.trashedSet)
+                state.trashedSet.delete(noteKey)
+              }
+
              // Delete key from tag map
              state.tagNoteMap = new Map(state.tagNoteMap)
              note.tags.forEach((tag) => {