feature/Use rails views for folder show

Author: LewisYoul

app/controllers/folders_controller.rb

@@ -30,7 +30,7 @@ def index
 
     @folders = current_user.folders
 
-    @folders = @folders.where('name ILIKE ?', "%#{params[:search]}%") if params[:search]
+    @folders = @folders.where('name ILIKE ?', "%#{params[:search]}%") if params[:search].present?
 
     @folders = @folders
       .order(name: :asc)
@@ -49,7 +49,24 @@ def index
 
   def show
     @page_title = @folder.name
-    @snippets = @folder.snippets.order(created_at: :desc).map { |s| s.serialize(current_user) }
+    @display_popover = true
+    @snippets = @folder.snippets
+
+    @snippets = @snippets.where('description ILIKE ?', "%#{params[:search]}%") if params[:search].present?
+
+    @snippets = @snippets
+      .order(created_at: :desc)
+      .paginate(page: params[:page] || 1, per_page: 6)
+
+    respond_to do |format|
+      format.html
+      format.json do
+        render json: {
+          entries: render_to_string(partial: 'snippets/snippets', formats: [:html]),
+          pagination: view_context.will_paginate(@snippets)
+        }
+      end
+    end
   end
 
   def new

app/views/folders/show.html.erb

@@ -1,4 +1,27 @@
-<folders-show
-  :folder="<%= @folder.to_json %>"
-  :snippets="<%= @snippets.to_json %>">
-</folders-show>
+<div data-controller="infinite-scroll" data-infinite-scroll-base-url="<%= folder_path(@folder) %>">
+  <div style="display: flex; align-items: center; justify-content: space-between;" class="margin-top">
+
+      <div class="searchbar">
+        <input autofocus
+          type="text"
+          placeholder="Search"
+          data-action="input->infinite-scroll#search"
+          data-target="infinite-scroll.input"
+        />
+        <img src="/icons/search.svg">
+      </div>
+
+    <%= link_to 'NEW SNIPPET', new_snippet_path, class: 'button--cta-new' %>
+  </div>
+
+  <div class="margin-top"
+    data-target="infinite-scroll.entries"
+    data-action="scroll@window->infinite-scroll#scroll"
+  >
+    <%= render 'snippets/snippets' %>
+  </div>
+
+  <div data-target="infinite-scroll.pagination" class="hidden">
+    <%= will_paginate @snippets, container: false %>
+  </div>
+</div>