feature/insert newly created snippet when on snippet list and folder show

Author: LewisYoul

app/javascript/controllers/snippets_list_controller.js

@@ -8,6 +8,9 @@ export default class extends Controller {
     const clientId = event.detail.client_id
     const element = document.getElementById(clientId)
 
+    console.log('list id', this.folderId)
+    console.log('folder id', folderId)
+
     if (element) {
       if ((this.folderId && folderId) && (this.folderId !== folderId)) {
         element.remove()

app/views/folders/show.html.erb

@@ -19,7 +19,7 @@
 
   <div class="margin-top"
     data-target="infinite-scroll.entries snippets-list.entries"
-    data-action="scroll@window->infinite-scroll#scroll snippet-updated@window->snippets-list#update"
+    data-action="scroll@window->infinite-scroll#scroll snippet-created@window->infinite-scroll#add snippet-updated@window->snippets-list#update"
   >
     <%= render 'snippets/snippets' %>
   </div>

app/views/snippets/index.html.erb

@@ -16,7 +16,7 @@
 
   <div class="margin-top"
     data-target="infinite-scroll.entries"
-    data-action="scroll@window->infinite-scroll#scroll snippet-updated@window->snippets-list#update"
+    data-action="scroll@window->infinite-scroll#scroll ssnippet-created@window->infinite-scroll#add nippet-updated@window->snippets-list#update"
   >
     <%= render 'snippets/snippets' %>
   </div>