diff --git a/Gemfile b/Gemfile
index 3bc55bb..909297f 100644
--- a/Gemfile
+++ b/Gemfile
@@ -64,6 +64,9 @@ gem "kaminari"
# Use ViewComponents for … view components, duh!
gem "view_component", require: "view_component/engine"
+# Use heroicon to display SVG icons from heroicons.com
+gem "heroicon"
+
# Reduces boot times through caching; required in config/boot.rb
gem 'bootsnap', '>= 1.4.4', require: false
diff --git a/Gemfile.lock b/Gemfile.lock
index 8e73b65..1227517 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,6 @@
GIT
remote: https://github.com/rails/rails.git
- revision: 1ccf4371a9d349b78c80c31c920207a97fdd32c3
+ revision: 1c97c5b2c2b685b29ba296e7ad046b34d19d0360
branch: main
specs:
actioncable (7.0.0.alpha)
@@ -138,6 +138,8 @@ GEM
globalid (0.4.2)
activesupport (>= 4.2.0)
hashie (4.1.0)
+ heroicon (0.2.3)
+ rails (>= 5.2)
hotwire-rails (0.1.3)
rails (>= 6.0.0)
stimulus-rails
@@ -286,6 +288,7 @@ DEPENDENCIES
devise
elasticsearch-model
elasticsearch-rails
+ heroicon
hotwire-rails
kaminari
listen (~> 3.3)
diff --git a/app/components/flash_notice_component.html.erb b/app/components/flash_notice_component.html.erb
index 96f433e..43df530 100644
--- a/app/components/flash_notice_component.html.erb
+++ b/app/components/flash_notice_component.html.erb
@@ -1,10 +1,7 @@
-
-
+ <%= helpers.heroicon "information-circle", variant: :solid, options: { class: "h-5 w-5 text-green-400" } %>
diff --git a/app/components/form_errors_component.html.erb b/app/components/form_errors_component.html.erb
index 0487b29..daf07e3 100644
--- a/app/components/form_errors_component.html.erb
+++ b/app/components/form_errors_component.html.erb
@@ -2,10 +2,7 @@
-
-
+ <%= helpers.heroicon "x-circle", variant: :solid, options: { class: "h-5 w-5 text-red-400" } %>
diff --git a/app/helpers/heroicon_helper.rb b/app/helpers/heroicon_helper.rb
new file mode 100644
index 0000000..c4f9665
--- /dev/null
+++ b/app/helpers/heroicon_helper.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module HeroiconHelper
+ include Heroicon::Engine.helpers
+end
\ No newline at end of file
diff --git a/app/views/kaminari/_first_page.html.erb b/app/views/kaminari/_first_page.html.erb
index 7165f7f..7cb2a9d 100644
--- a/app/views/kaminari/_first_page.html.erb
+++ b/app/views/kaminari/_first_page.html.erb
@@ -8,8 +8,5 @@
-%>
<%= link_to (current_page.first? ? '#' : url), rel: 'first', remote: remote, class: "paginate-page paginate-first-page" do %>
<%= t('views.pagination.first').html_safe %>
-
-
+ <%= heroicon "chevron-double-left", variant: :solid, options: { class: "h-5 w-5" } %>
<% end %>
diff --git a/app/views/kaminari/_last_page.html.erb b/app/views/kaminari/_last_page.html.erb
index b1d19c8..faa6035 100644
--- a/app/views/kaminari/_last_page.html.erb
+++ b/app/views/kaminari/_last_page.html.erb
@@ -8,9 +8,5 @@
-%>
<%= link_to (current_page.last? ? '#' : url), rel: 'last', remote: remote, class: "paginate-page paginate-last-page" do %>
<%= t('views.pagination.last').html_safe %>
-
-
+ <%= heroicon "chevron-double-right", variant: :solid, options: { class: "h-5 w-5" } %>
<% end %>
diff --git a/app/views/kaminari/_next_page.html.erb b/app/views/kaminari/_next_page.html.erb
index 8459c69..0846b6a 100644
--- a/app/views/kaminari/_next_page.html.erb
+++ b/app/views/kaminari/_next_page.html.erb
@@ -8,8 +8,5 @@
-%>
<%= link_to (current_page.last? ? '#' : url), rel: 'next', remote: remote, class: "paginate-page paginate-next-page" do %>
<%= t('views.pagination.next').html_safe %>
-
-
+ <%= heroicon "chevron-right", variant: :solid, options: { class: "h-5 w-5" } %>
<% end %>
diff --git a/app/views/kaminari/_prev_page.html.erb b/app/views/kaminari/_prev_page.html.erb
index f7e245d..1701488 100644
--- a/app/views/kaminari/_prev_page.html.erb
+++ b/app/views/kaminari/_prev_page.html.erb
@@ -8,8 +8,5 @@
-%>
<%= link_to (current_page.first? ? '#' : url), rel: 'prev', remote: remote, class: "paginate-page paginate-prev-page" do %>
<%= t('views.pagination.previous').html_safe %>
-
-
+ <%= heroicon "chevron-left", variant: :solid, options: { class: "h-5 w-5" } %>
<% end %>
diff --git a/config/initializers/heroicon.rb b/config/initializers/heroicon.rb
new file mode 100644
index 0000000..8901e85
--- /dev/null
+++ b/config/initializers/heroicon.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+Heroicon.configure do |config|
+ config.variant = :solid # Options are :solid and :outline
+end