From a65ecc098fad3f918e8cec2b95491fe1a89dd213 Mon Sep 17 00:00:00 2001
From: Kwok He Chu <105217051+Kwok-he-Chu@users.noreply.github.com>
Date: Thu, 16 Nov 2023 14:24:33 +0100
Subject: [PATCH] Fix frontend so that subscription E2E test pass

---
 .../com/adyen/checkout/api/SubscriptionResource.java |  2 +-
 .../src/main/resources/templates/admin/index.html    | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/subscription-example/src/main/java/com/adyen/checkout/api/SubscriptionResource.java b/subscription-example/src/main/java/com/adyen/checkout/api/SubscriptionResource.java
index 5df51346..70a4ff74 100644
--- a/subscription-example/src/main/java/com/adyen/checkout/api/SubscriptionResource.java
+++ b/subscription-example/src/main/java/com/adyen/checkout/api/SubscriptionResource.java
@@ -40,7 +40,7 @@ public SubscriptionResource(ApplicationProperty applicationProperty) {
             log.warn("ADYEN_KEY is UNDEFINED");
             throw new RuntimeException("ADYEN_KEY is UNDEFINED");
         }
-
+        
         var client = new Client(applicationProperty.getApiKey(), Environment.TEST);
         this.paymentsApi = new PaymentsApi(client);
     }
diff --git a/subscription-example/src/main/resources/templates/admin/index.html b/subscription-example/src/main/resources/templates/admin/index.html
index 01c34cec..2524051e 100644
--- a/subscription-example/src/main/resources/templates/admin/index.html
+++ b/subscription-example/src/main/resources/templates/admin/index.html
@@ -24,14 +24,16 @@ <h1>ADMIN PANEL</h1>
     <div th:if="${not #lists.isEmpty(tokens)}">
 
       <div th:each="token: ${tokens}">
-        <b>ShopperReference:  <span th:text=${token.shopperReference}>shopperReference here</span></b><br/><br/>
+        <b>ShopperReference: <span th:text=${token.shopperReference}>shopperReference here</span></b><br/><br/>
         <ul class="adminList">
           <li>
-            PaymentMethod: <span th:text=${token.paymentMethod}>payment method here</span>
-            RecurringDetailReference: <span th:text=${token.recurringReference}>token here</span>
-            <a th:href="@{'/admin/makepayment/' + ${token.recurringReference}}">Make Payment</a> |
-            <a th:href="@{'/admin/disable/' + ${token.recurringReference}}">Disable</a>
+            PaymentMethod: <th:block th:text=${token.paymentMethod}>payment method here</th:block>
           </li>
+          <li>
+            RecurringDetailReference: <th:block th:text=${token.recurringReference}>token here</th:block>
+          </li>
+          <a th:href="@{'/admin/makepayment/' + ${token.recurringReference}}">Make Payment</a> |
+          <a th:href="@{'/admin/disable/' + ${token.recurringReference}}">Disable</a>
         </ul>
         </div>
       </div>