From beee789294bf76222bb51843b0a4ca15f46bcbf8 Mon Sep 17 00:00:00 2001
From: Tomasz Szymanski <lime129@gmail.com>
Date: Tue, 2 Feb 2021 12:12:00 +0100
Subject: [PATCH] Hide metadata on unconfirmed order

---
 .../OrderDetailsPage/OrderDetailsPage.tsx     | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
index 5a8589a6a..06aea7af3 100644
--- 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}