Using cards for links in pages (#8)

* Using cards for links in pages

* Use `Page::CardSectionComponent` for index pages

* Lint

---------

Co-authored-by: Guillaume Briday <guillaume.briday@per-angusta.com>
Co-authored-by: Marco Roth <marco.roth@intergga.ch>

Author: 3 people

app/components/page/card_section_component.html.erb

@@ -1,6 +1,8 @@
-<h2 class="text-2xl font-bold mt-12 mb-6">
-  <%= @title %>
-</h2>
+<% if @title %>
+  <h2 class="text-2xl font-bold mt-12 mb-6">
+    <%= @title %>
+  </h2>
+<% end %>
 
 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mb-4">
   <% @resources.each do |resource| %>

app/components/page/card_section_component.rb

@@ -1,10 +1,9 @@
 # frozen_string_literal: true
 
 class Page::CardSectionComponent < ViewComponent::Base
-  def initialize(title:, resources:, limit: 3, all_url: nil)
+  def initialize(resources:, title: nil, all_url: nil)
     @title = title
     @resources = resources
-    @limit = limit
     @all_url = all_url
   end
 end

app/content/pages/community.html.erb

@@ -5,11 +5,6 @@ title: Community
 <%= render Page::ContainerComponent.new(page: current_page) do |page| %>
   <% page.with_title(title: current_page.data.fetch("title")) %>
 
-  <div class="grid grid-cols-3">
-    <% CommunityModel.all.sort_by(&:title).each do |page| %>
-      <div class="flex flex-col gap-x-4">
-        <h2 class="font-bold text-lg underline"><%= link_to page.title, page.request_path %></h2>
-      </div>
-    <% end %>
-  </div>
+  <% pages = CommunityModel.all.sort_by(&:title) %>
+  <%= render Page::CardSectionComponent.new(resources: pages) %>
 <% end %>

app/content/pages/documentation.html.erb

@@ -5,11 +5,6 @@ title: Documentation
 <%= render Page::ContainerComponent.new(page: current_page) do |page| %>
   <% page.with_title(title: current_page.data.fetch("title")) %>
 
-  <div class="grid grid-cols-3">
-    <% DocumentationModel.all.sort_by(&:title).each do |page| %>
-      <div class="flex flex-col gap-x-4">
-        <h2 class="font-bold text-lg underline"><%= link_to page.title, page.request_path %></h2>
-      </div>
-    <% end %>
-  </div>
+  <% pages = DocumentationModel.all.sort_by(&:title) %>
+  <%= render Page::CardSectionComponent.new(resources: pages) %>
 <% end %>