fix/Return user to snippets index after deleting snippet from show page

Author: LewisYoul

app/controllers/snippets_controller.rb

@@ -7,16 +7,19 @@ class SnippetsController < ApplicationController
 
   def index
     @display_popover = true
-    @snippets = current_user.filed_snippets
+    @snippets = current_user.filed_snippets.includes(:user)
 
+    # TODO: Extract this logic to model/service
     @snippets = @snippets.where('description ILIKE ?', "%#{params[:search]}%") if params[:search]
 
     @snippets = @snippets
       .order(created_at: :desc)
       .paginate(page: params[:page] || 1, per_page: 6)
 
     respond_to do |format|
-      format.html
+      format.html do
+        flash[:notice] = params[:notice] if params[:notice]
+      end
       format.json do
         render json: {
           entries: render_to_string(partial: 'snippets/snippets', formats: [:html]),

app/javascript/controllers/alert_controller.js

@@ -25,9 +25,13 @@ export default class extends Controller {
 
     axios.delete(this.confirmPath, { headers: { 'accept': 'application/json' } })
       .then(res => {
-        document.getElementById(this.resourceId).remove()
-        this.alertTarget.remove()
-        this.toast.display('Snippet deleted!')
+        if (this.listItem) {
+          this.listItem.remove()
+          this.alertTarget.remove()
+          this.toast.display('Snippet deleted!')
+        } else {
+          window.location.href = '/snippets?notice=Snippet%20deleted!'
+        }
       })
       .catch(error => {
         console.error(error)
@@ -47,6 +51,10 @@ export default class extends Controller {
     return this.data.get('resourceId')
   }
 
+  get listItem() {
+    return document.getElementById(this.resourceId)
+  }
+
   get app() {
     return document.getElementById('vue-app')
   }