Merge pull request #2357 from NCCE/3004-strapi-component---icon-row-background-colours

Adding background colour to the Icon Row component

Author: msquance-stem

app/components/cms/icon_row_component.rb

@@ -1,7 +1,8 @@
 # frozen_string_literal: true
 
 class Cms::IconRowComponent < ViewComponent::Base
-  def initialize(icons:)
+  def initialize(icons:, background_color:)
     @icons = icons
+    @background_color = background_color
   end
 end

app/components/cms/icon_row_component/icon_row_component.html.erb

@@ -1,4 +1,4 @@
-<%= render GovGridRowComponent.new do |row|  %>
+<%= render GovGridRowComponent.new(background_color: @background_color) do |row|  %>
   <%= row.with_column("full") do %>
     <div class="cms-icon-row-component">
       <% @icons.each do |icon| %>

app/services/cms/dynamic_components/icon_row.rb

@@ -1,14 +1,15 @@
 module Cms
   module DynamicComponents
     class IconRow
-      attr_accessor :icons
+      attr_accessor :icons, :background_color
 
-      def initialize(icons:)
+      def initialize(icons:, background_color:)
         @icons = icons
+        @background_color = background_color
       end
 
       def render
-        Cms::IconRowComponent.new(icons:)
+        Cms::IconRowComponent.new(icons:, background_color:)
       end
     end
   end

app/services/cms/providers/strapi/factories/blocks_factory.rb

@@ -90,7 +90,8 @@ def self.to_horizontal_card_with_asides(strapi_data)
 
           def self.to_icon_row(strapi_data)
             DynamicComponents::IconRow.new(
-              icons: strapi_data[:icons].map { to_icon(_1) }
+              icons: strapi_data[:icons].map { to_icon(_1) },
+              background_color: extract_color_name(strapi_data, :bkColor)
             )
           end
 

app/services/cms/providers/strapi/mocks/icon.rb

@@ -9,7 +9,7 @@ def self.as_model
 
           def self.generate_data
             {
-              iconText: Faker::Lorem.word,
+              iconText: Faker::Lorem.sentence(word_count: 3),
               iconImage: {data: Image.generate_raw_data}
             }
           end

app/services/cms/providers/strapi/mocks/icon_row.rb

@@ -6,6 +6,7 @@ class IconRow < StrapiMock
           strapi_component "blocks.icon-row"
 
           attribute(:icons) { Array.new(2) { Icon.generate_data } }
+          attribute(:background_color) { {data: ColorScheme.generate_data} }
         end
       end
     end

app/services/cms/providers/strapi/queries/components/blocks/icon_row.rb

@@ -10,6 +10,7 @@ def self.name = "ComponentBlocksIconRow"
               def self.base_fields
                 <<~GRAPHQL.freeze
                   #{SharedFields.icon_block("icons")}
+                  #{SharedFields.color_theme("bkColor")}
                 GRAPHQL
               end
             end

previews/components/cms/icon_row_component_preview.rb

@@ -0,0 +1,9 @@
+class Cms::IconRowComponentPreview < ViewComponent::Preview
+  def default
+    render(Cms::IconRowComponent.new(icons: Array.new(5) { Cms::Mocks::Icon.as_model }, background_color: nil))
+  end
+
+  def dark_background
+    render(Cms::IconRowComponent.new(icons: Array.new(5) { Cms::Mocks::Icon.as_model }, background_color: "purple"))
+  end
+end

spec/components/cms/icon_row_component_spec.rb

@@ -4,7 +4,7 @@
 
 RSpec.describe Cms::IconRowComponent, type: :component do
   before do
-    render_inline(described_class.new(icons: Array.new(2) { Cms::Mocks::Icon.as_model }))
+    render_inline(described_class.new(icons: Array.new(2) { Cms::Mocks::Icon.as_model }, background_color: nil))
   end
 
   it "should render images" do

spec/services/cms/providers/strapi/queries/components/blocks/icon_row_spec.rb

@@ -0,0 +1,9 @@
+require "rails_helper"
+
+RSpec.describe Cms::Providers::Strapi::Queries::Components::Blocks::IconRow do
+  it_should_behave_like "a strapi graphql component",
+    %w[
+      icons
+      bkColor
+    ]
+end