Allow accessing to management modal from cookies consent banner

app/assets/stylesheets/layout/cookies_consent_banner.scss

@@ -18,5 +18,9 @@
       @include regular-button;
       margin-bottom: 0;
     }
+
+    &.manage-cookies {
+      @include hollow-button;
+    }
   }
 }

app/components/layout/cookies_consent/banner_component.html.erb

@@ -6,4 +6,5 @@
   <% end %>
 
   <button type="button" class="accept-essential-cookies"><%= t("cookies_consent.accept_essential_cookies") %></button>
+  <button type="button" data-open="cookies_consent_management" class="manage-cookies"><%= t("cookies_consent.management") %></button>
 </div>

app/views/layouts/application.html.erb

@@ -29,5 +29,6 @@
       <%= render Layout::FooterComponent.new %>
     </div>
     <%= render Layout::CookiesConsent::BannerComponent.new %>
+    <%= render Layout::CookiesConsent::ManagementComponent.new %>
   </body>
 </html>

config/locales/en/general.yml

@@ -937,6 +937,7 @@ en:
     accept_essential_cookies: "Accept essential cookies"
     message: "Cookies help us deliver our services. By using our services, you agree to our use of cookies."
     more_info_link: "More information about cookies"
+    management: "Manage cookies"
     title: "Cookies policy"
   cookies_management:
     title: Cookies management

config/locales/es/general.yml

@@ -937,6 +937,7 @@ es:
     accept_essential_cookies: "Aceptar cookies esenciales"
     message: "Las cookies nos ayudan a ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso de cookies."
     more_info_link: "Más información sobre cookies"
+    management: "Ajustes"
     title: "Política de cookies"
   cookies_management:
     title: Configuración de cookies

spec/components/layout/cookies_consent/banner_component_spec.rb

@@ -28,6 +28,7 @@ describe Layout::CookiesConsent::BannerComponent do
     expect(page).to have_css "h2", text: "Cookies policy"
     expect(page).to have_link "More information about cookies", href: "/cookies_policy"
     expect(page).to have_button "Accept essential cookies"
+    expect(page).to have_button "Manage cookies"
   end
 
   it "does not render a link when the setting `cookies_consent.more_info_link` is not defined" do

spec/system/cookies_consent_spec.rb

@@ -21,4 +21,16 @@ describe "Cookies consent" do
       expect(page).not_to have_content "Cookies policy"
     end
   end
+
+  context "Management modal" do
+    scenario "Allow users access to cookies management modal" do
+      visit root_path
+
+      within ".cookies-consent-banner" do
+        click_button "Manage cookies"
+      end
+
+      expect(page).to have_css "h2", text: "Cookies management"
+    end
+  end
 end