From 0578de63c6a560ea490a20d5b5cd77fc660532d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomasz=20Szyma=C5=84ski?= <lime129@gmail.com>
Date: Fri, 15 Jan 2021 11:10:52 +0100
Subject: [PATCH] Make sure invoices card is visible only on orders other than
 unconfirmed (#944)

* Make sure invoices card is visible only on orders other than unconfirmed

* Replace div with React.Fragment

* Use short form of fragment and remove key
---
 .../OrderDetailsPage/OrderDetailsPage.tsx      | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
index f2b777951..4fe700e72 100644
--- a/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
+++ b/src/orders/components/OrderDetailsPage/OrderDetailsPage.tsx
@@ -254,13 +254,17 @@ const OrderDetailsPage: React.FC<OrderDetailsPageProps> = props => {
                   selectedChannelName={order?.channel?.name}
                 />
                 <CardSpacer />
-                <OrderInvoiceList
-                  invoices={order?.invoices}
-                  onInvoiceClick={onInvoiceClick}
-                  onInvoiceGenerate={onInvoiceGenerate}
-                  onInvoiceSend={onInvoiceSend}
-                />
-                <CardSpacer />
+                {order?.status !== OrderStatus.UNCONFIRMED && (
+                  <>
+                    <OrderInvoiceList
+                      invoices={order?.invoices}
+                      onInvoiceClick={onInvoiceClick}
+                      onInvoiceGenerate={onInvoiceGenerate}
+                      onInvoiceSend={onInvoiceSend}
+                    />
+                    <CardSpacer />
+                  </>
+                )}
                 <OrderCustomerNote note={maybe(() => order.customerNote)} />
               </div>
             </Grid>