From 92df5d1bc0d0e845e12e82ca76faab7cc73e5edb Mon Sep 17 00:00:00 2001
From: Sascha Eggenberger <seggenberger@gitlab.com>
Date: Tue, 1 Oct 2024 13:38:30 +0200
Subject: [PATCH] Discover Duo Pro: Migrate to regular card

Removes deprecated gl-new-card classes and fixes a small
alignment issue

Changelog: changed
EE: true
---
 .../groups/add_ons/discover_duo_pro/show.html.haml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ee/app/views/groups/add_ons/discover_duo_pro/show.html.haml b/ee/app/views/groups/add_ons/discover_duo_pro/show.html.haml
index bf61701b5263b..fb71c01699d3e 100644
--- a/ee/app/views/groups/add_ons/discover_duo_pro/show.html.haml
+++ b/ee/app/views/groups/add_ons/discover_duo_pro/show.html.haml
@@ -20,7 +20,7 @@
     .gl-grid.gl-gap-6.gl-grid-cols-1.md:gl-grid-cols-2
       = render Pajamas::CardComponent.with_collection(duo_pro_discover_card_collection(@group), card_options: { class: 'gl-rounded-lg gl-p-2' },
         body_options: { class: 'gl-pt-0' },
-        header_options: { class: 'gl-new-card-header gl-font-bold gl-border-b-0' })
+        header_options: { class: 'gl-bg-default gl-py-4 gl-font-bold gl-border-b-0' })
 
 .gl-flex.gl-mx-auto{ class: 'gl-w-full md:gl-w-17/20' }
   .container.gl-mt-5{ 'data-testid': 'whats-new-section' }
@@ -29,9 +29,9 @@
     .gl-grid.gl-gap-6.gl-grid-cols-1.md:gl-grid-cols-4
       = render Pajamas::CardComponent.with_collection(duo_pro_whats_new_card_collection(@group),
         card_options: { class: 'gl-h-full gl-flex gl-flex-col' },
-        header_options: { class: 'gl-new-card-header gl-font-bold gl-border-b-0' },
-        body_options: { class: 'gl-p-4 gl-pt-0 gl-grow' },
-        footer_options: { class: 'gl-new-card-footer gl-border-0 gl-p-4 gl-mt-auto' })
+        header_options: { class: 'gl-bg-default gl-py-4 gl-font-bold gl-border-b-0' },
+        body_options: { class: 'gl-px-5 gl-py-4 gl-pt-0 gl-grow' },
+        footer_options: { class: 'gl-bg-default gl-border-0 gl-px-5 gl-py-4 gl-mt-auto' })
 
 .gl-flex.gl-mx-auto{ class: 'gl-w-full md:gl-w-17/20' }
   .container.gl-mt-5{ "data-testid": 'code-suggestions-section' }
@@ -40,9 +40,9 @@
     .gl-grid.gl-gap-6.gl-grid-cols-1.md:gl-grid-cols-3
       = render Pajamas::CardComponent.with_collection(duo_pro_code_suggestions_card_collection(@group),
         card_options: { class: 'gl-h-full gl-flex gl-flex-col' },
-        header_options: { class: 'gl-new-card-header gl-font-bold gl-border-b-0' },
-        body_options: { class: 'gl-p-4 gl-pt-0 gl-grow' },
-        footer_options: { class: 'gl-new-card-footer gl-border-0 gl-p-4 gl-mt-auto' })
+        header_options: { class: 'gl-bg-default gl-py-4 gl-font-bold gl-border-b-0' },
+        body_options: { class: 'gl-px-5 gl-py-4 gl-pt-0 gl-grow' },
+        footer_options: { class: 'gl-bg-default gl-border-0 gl-px-5 gl-py-4 gl-mt-auto' })
 
 .gl-flex.gl-mx-auto{ class: 'gl-w-full md:gl-w-17/20' }
   .container.gl-mt-5
-- 
GitLab