From 04e583b47db6424aea7069ecd6786c5b8b00649c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Salgado?= <sergiodiassalgado@gmail.com>
Date: Thu, 17 Jun 2021 14:38:43 +0100
Subject: [PATCH] fix: remove unneeded rendered component

---
 .../src/pages/Customers/CustomersList.styles.js |  3 +++
 .../Customers/components/TransactionsList.js    | 17 +++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js b/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js
index e99fb769..f2637636 100644
--- a/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js
+++ b/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js
@@ -110,5 +110,8 @@ export default {
   },
   subpageButton: {
     marginLeft: 16
+  },
+  txTableSpacing: {
+    marginTop: 40
   }
 }
diff --git a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js b/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
index bf90193b..57d9bacf 100644
--- a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
+++ b/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
@@ -1,5 +1,6 @@
 import { makeStyles, Box } from '@material-ui/core'
 import BigNumber from 'bignumber.js'
+import classnames from 'classnames'
 import { utils as coinUtils } from 'lamassu-coins'
 import * as R from 'ramda'
 import React from 'react'
@@ -22,6 +23,10 @@ const TransactionsList = ({ customer, data, loading, locale }) => {
   const hasData = !(R.isEmpty(data) || R.isNil(data))
 
   const timezone = locale.timezone
+  const tableSpacingClasses = {
+    [classes.titleAndButtonsContainer]: loading || (!loading && !hasData),
+    [classes.txTableSpacing]: !loading && hasData
+  }
 
   const summaryElements = [
     {
@@ -150,10 +155,14 @@ const TransactionsList = ({ customer, data, loading, locale }) => {
         </Box>
       </Box>
       <div className={classes.titleWrapper}>
-        <div className={classes.titleAndButtonsContainer}>
-          <H4>
-            {loading ? 'Loading' : hasData ? '' : 'No transactions so far'}
-          </H4>
+        <div className={classnames(tableSpacingClasses)}>
+          {loading ? (
+            <H4>Loading</H4>
+          ) : hasData ? (
+            ''
+          ) : (
+            <H4>No transactions so far</H4>
+          )}
         </div>
       </div>
       {hasData && <DataTable elements={tableElements} data={data} />}