Added holderName to storedCard story

Adyen · Sep 9, 2024 · 4e08542 · 4e08542
1 parent 07e1668
commit 4e08542
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/lib/storybook/stories/cards/Card.stories.tsx b/packages/lib/storybook/stories/cards/Card.stories.tsx
@@ -53,7 +53,11 @@ const createStoredCardComponent = (args: PaymentMethodStoryProps<CardConfigurati
                             </div>
                             <div className={'info-extra-item'}>
                                 <div>Last four digits:</div>
-                                <div className={'info-last-four-digits'}>{storedPM.lastFour}</div>
+                                <div className={'info-item-with-top-margin'}>{storedPM.lastFour}</div>
+                            </div>
+                            <div className={'info-extra-item'}>
+                                <div>Holder name:</div>
+                                <div className={'info-item-with-top-margin'}>{storedPM.holderName}</div>
                             </div>
                         </div>
                     </div>

diff --git a/packages/lib/storybook/stories/cards/cardStoryHelpers/storedCard.style.scss b/packages/lib/storybook/stories/cards/cardStoryHelpers/storedCard.style.scss
@@ -1,5 +1,6 @@
 .stored-card-info{
   font-size: 0.9em;
+  margin-bottom: 10px;
 }
 
 .info-container{
@@ -10,6 +11,6 @@
   margin-left:30px;
 }
 
-.info-last-four-digits{
+.info-item-with-top-margin{
   margin-top: 3px;
 }