[#15] [Backend] As a user, I can query keywords, [#16] [UI] As a user, I can query keywords,

app/controllers/search_stats_controller.rb

@@ -3,10 +3,21 @@
 class SearchStatsController < ApplicationController
   # GET /search_stats
   def index
-    @pagy, @search_stats = pagy(current_user.search_stats)
+    search_stats_query.call
+    @pagy, @search_stats = pagy(search_stats_query.keywords)
   end
 
   def show
     @search_stat = SearchStat.includes(:result_links).find(params[:id])
   end
+
+  private
+
+  def search_stats_query
+    @search_stats_query ||= SearchStatsQuery.new(current_user.search_stats, permitted_params)
+  end
+
+  def permitted_params
+    params.permit(:keyword)
+  end
 end

app/queries/search_stats_query.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+class SearchStatsQuery
+  attr_reader :keywords
+
+  def initialize(keywords, filters)
+    @keywords = keywords
+    @filters = filters
+  end
+
+  def call
+    @keywords = filtered_keywords if filter_by_keyword.present?
+    @keywords = keywords.order('created_at DESC')
+  end
+
+  private
+
+  attr_reader :filters
+
+  def filter_by_keyword
+    filters[:keyword]
+  end
+
+  def filtered_keywords
+    query = "%#{filter_by_keyword}%"
+    keywords.where('keyword ILIKE ?', query)
+  end
+end

app/views/search_stats/index.html.erb

@@ -1,6 +1,13 @@
 <div class="container mt-4">
   <h4><%= SearchStat.model_name.human  %></h4>
-
+  <%= form_tag(search_stats_path, method: :get, class: "mt-3 mb-3") do %>
+    <div class="input-group">
+      <%= text_field_tag(:keyword, params[:keyword], class: "form-control rounded me-3", placeholder: t('instructions.search_query')) %>
+      <div class="input-group-append">
+        <%= submit_tag(t('buttons.search'), class: "btn btn-primary") %>
+      </div>
+    </div>
+  <% end %>
   <% if @search_stats.any? %>
     <div id="search_stats" class="table-responsive">
       <table class="table table-bordered table-striped">

config/locales/en.yml

@@ -47,3 +47,6 @@ en:
   buttons:
     search_stat_details: Show Details
     raw_response: View Raw Response
+    search: Search
+  instructions: 
+    search_query: Enter your keyword