feat(snippets): allow add snippets to inbox (#52)

Author: antonreshetov

src/renderer/components/sidebar/SidebarListItem.vue

@@ -26,7 +26,7 @@
 
 <script setup lang="ts">
 import type { FunctionalComponent } from 'vue'
-import { ref } from 'vue'
+import { watch, ref } from 'vue'
 import Folder from '~icons/unicons/folder'
 import AngleRight from '~icons/unicons/angle-right'
 import { onClickOutside } from '@vueuse/core'
@@ -153,6 +153,13 @@ const onClickContextMenu = async () => {
 onClickOutside(itemRef, () => {
   isFocused.value = false
 })
+
+watch(
+  () => props.isSelected,
+  v => {
+    if (!v) isFocused.value = false
+  }
+)
 </script>
 
 <style lang="scss" scoped>

src/renderer/composable/index.ts

@@ -17,11 +17,14 @@ export const onAddNewSnippet = async () => {
   const folderStore = useFolderStore()
   const snippetStore = useSnippetStore()
 
-  if (folderStore.selectedAlias !== undefined) return
-  if (!folderStore.selectedId) return
-
   await snippetStore.addNewSnippet()
-  await snippetStore.getSnippetsByFolderIds(folderStore.selectedIds!)
+
+  if (folderStore.selectedId) {
+    await snippetStore.getSnippetsByFolderIds(folderStore.selectedIds!)
+  } else {
+    await snippetStore.getSnippets()
+    snippetStore.setSnippetsByAlias('inbox')
+  }
   await snippetStore.getSnippets()
 
   emitter.emit('snippet:focus-name', true)

src/renderer/store/snippets.ts

@@ -136,7 +136,7 @@ export const useSnippetStore = defineStore('snippets', {
       const body: Partial<Snippet> = {}
 
       body.name = 'Untitled snippet'
-      body.folderId = folderStore.selectedId
+      body.folderId = folderStore.selectedId || ''
       body.isDeleted = false
       body.isFavorites = false
       body.tagsIds = []