Hide metadata on unconfirmed order

2021-02-02 12:12:00 +01:00 · 2021-02-02 12:12:00 +01:00 · beee789294
commit beee789294
parent 4f3fea10ff
1 changed files with 11 additions and 9 deletions
--- a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
+++ b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
@ -262,16 +262,18 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = props => {
                  </React.Fragment>
                ))}
                {order?.status !== OrderStatus.UNCONFIRMED && (
-                  <OrderPayment
-                    order={order}
-                    onCapture={onPaymentCapture}
-                    onMarkAsPaid={onPaymentPaid}
-                    onRefund={onPaymentRefund}
-                    onVoid={onPaymentVoid}
-                  />
+                  <>
+                    <OrderPayment
+                      order={order}
+                      onCapture={onPaymentCapture}
+                      onMarkAsPaid={onPaymentPaid}
+                      onRefund={onPaymentRefund}
+                      onVoid={onPaymentVoid}
+                    />
+                    <CardSpacer />
+                    <Metadata data={data} onChange={changeMetadata} />
+                  </>
                )}
-                <CardSpacer />
-                <Metadata data={data} onChange={changeMetadata} />
                <OrderHistory
                  history={order?.events}
                  orderCurrency={order?.total?.gross.currency}