Merge pull request #12 from morfe2/show-invalid-mandate-2

explicitly show invalid mandate #2
mollie · Jan 9, 2025 · 51e6bd1 · 51e6bd1
2 parents 490f377 + 81f2a49
commit 51e6bd1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/runtime/components/MollieCreditCardRemoveMandates.vue b/src/runtime/components/MollieCreditCardRemoveMandates.vue
@@ -23,8 +23,11 @@ const removeMandate = async (id: string) => {
             class="mollie-credit-card-mandates-remove__item"
         >
             <div class="mollie-credit-card-mandates-remove__item-text">
-                {{ mandate.details.cardLabel }} - {{ mandate.details.cardHolder }} - ****
-                {{ mandate.details.cardNumber }}
+                {{
+                    mandate.details.cardLabel && mandate.details.cardHolder && mandate.details.cardNumber
+                        ? `${mandate.details.cardLabel} - ${mandate.details.cardHolder} - **** ${mandate.details.cardNumber}`
+                        : 'Invalid'
+                }}
             </div>
 
             <button