Merge pull request #3706 from DFE-Digital/create-events-card-component

Create separate Events card component

app/components/events/card_component.html.erb

@@ -0,0 +1,8 @@
+<li class="category__nav-card">
+  <%= link_to(path, class: "link--black") do %>
+    <div class="category__nav-card--content">
+      <%= content_tag(heading_tag, title) %>
+      <%= tag.p(helpers.safe_html_format(description)) %>
+    </div>
+  <% end %>
+</li>

app/components/events/card_component.rb

@@ -0,0 +1,12 @@
+class Events::CardComponent < ViewComponent::Base
+  attr_reader :title, :description, :path, :heading_tag
+
+  def initialize(card:, heading_tag: "h3")
+    @title       = card.title
+    @description = card.description
+    @path        = card.path
+    @heading_tag = heading_tag
+
+    super
+  end
+end

app/views/teaching_events/about_git_events.html.erb

@@ -51,7 +51,7 @@
         <section id="events" class="category__cards">
           <%= tag.nav(class: "category__nav-cards") do %>
             <ul class="one-column horizontal">
-              <%= render(Categories::CardComponent.with_collection(categorise_events(@git_events))) %>
+              <%= render(Events::CardComponent.with_collection(categorise_events(@git_events))) %>
             </ul>
           <% end %>
           <div>