feat(snippets): add new fragment

massCodeIO · Mar 29, 2022 · fa1e828 · fa1e828
1 parent 60f35d7
commit fa1e828
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/src/renderer/components/snippets/SnippetHeader.vue b/src/renderer/components/snippets/SnippetHeader.vue
@@ -14,7 +14,7 @@
           <UniconsArrow />
         </AppActionButton>
         <AppActionButton>
-          <UniconsPlus />
+          <UniconsPlus @click="onAddNewFragment" />
         </AppActionButton>
       </div>
     </div>
@@ -42,6 +42,10 @@ const name = computed({
   )
 })
 
+const onAddNewFragment = () => {
+  snippetStore.addNewFragmentToSnippetsById(snippetStore.selectedId!)
+}
+
 emitter.on('focus:snippet-name', () => {
   inputRef.value?.select()
 })

diff --git a/src/renderer/store/snippets.ts b/src/renderer/store/snippets.ts
@@ -90,6 +90,23 @@ export const useSnippetStore = defineStore('snippets', {
 
       this.snippet = data.value
       store.app.set('selectedSnippetId', this.snippet!.id)
+    },
+    async addNewFragmentToSnippetsById (id: string) {
+      const folderStore = useFolderStore()
+      const content = [...this.snippet!.content]
+      const fragmentCount = content.length + 1
+      const body: Partial<Snippet> = {}
+
+      content.push({
+        label: `Fragment ${fragmentCount}`,
+        language: folderStore.selected?.defaultLanguage || 'plain_text',
+        value: ''
+      })
+
+      body.content = content
+
+      await this.patchSnippetsById(id, body)
+      await this.getSnippetsById(id)
     }
   }
 })