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