fix: prevent console errors when rendering order detail page before p…

…ayment information is available
intershop · Aug 19, 2024 · f75e95f · f75e95f
1 parent 232759d
commit f75e95f
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/app/pages/account-order/account-order/account-order.component.html b/src/app/pages/account-order/account-order/account-order.component.html
@@ -80,15 +80,17 @@ <h1>{{ 'account.orderdetails.heading.default' | translate }}</h1>
     </ish-info-box>
     <!-- Payment -->
     <ish-info-box heading="checkout.widget.payment_method.heading" class="infobox-wrapper col-md-6">
-      <div class="float-right">
-        <p class="badge badge-info">{{ order.payment.status }}</p>
-      </div>
-      <p>
-        {{ order.payment.displayName }}<br />{{ order.payment.paymentInstrument.accountIdentifier }}
-        <ng-container *ngIf="!order.payment.displayName && !order.payment.paymentInstrument.accountIdentifier">
-          {{ order.payment.paymentInstrument }}
-        </ng-container>
-      </p>
+      <ng-container *ngIf="order.payment">
+        <div class="float-right">
+          <p class="badge badge-info">{{ order.payment.status }}</p>
+        </div>
+        <p>
+          {{ order.payment.displayName }}<br />{{ order.payment.paymentInstrument.accountIdentifier }}
+          <ng-container *ngIf="!order.payment.displayName && !order.payment.paymentInstrument.accountIdentifier">
+            {{ order.payment.paymentInstrument }}
+          </ng-container>
+        </p>
+      </ng-container>
     </ish-info-box>
   </div>