From 0fe03299368d4a59176dbc6810f7a378f29b5be5 Mon Sep 17 00:00:00 2001
From: NejcZdovc <nejc.zdovc@3zsistemi.si>
Date: Tue, 30 May 2017 11:00:40 -0700
Subject: [PATCH] Displays hide button in the ledger table

Resolves #9137

Auditors: @mrose17 @luixxiul

Test Plan:
- add some sites to the ledger
- click show all
- hide button should be displayed at the bottom
---
 app/renderer/components/preferences/payment/ledgerTable.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/renderer/components/preferences/payment/ledgerTable.js b/app/renderer/components/preferences/payment/ledgerTable.js
index 50bfc5ca5b3..58076e93c6b 100644
--- a/app/renderer/components/preferences/payment/ledgerTable.js
+++ b/app/renderer/components/preferences/payment/ledgerTable.js
@@ -258,6 +258,8 @@ class LedgerTable extends ImmutableComponent {
       })
     }
 
+    const showButton = (hideLower && totalUnPinnedRows !== unPinnedRows.size) || (!hideLower && totalUnPinnedRows > 10)
+
     return <section data-test-id='ledgerTable'>
       <div className={css(styles.hideExcludedSites)}>
         <div className={css(styles.columnOffset)} />
@@ -301,7 +303,7 @@ class LedgerTable extends ImmutableComponent {
         ]}
       />
       {
-        (totalUnPinnedRows !== unPinnedRows.size && hideLower)
+        showButton
         ? <div className={css(styles.ledgerTable__showAllWrap)}>
           <BrowserButton secondaryColor
             testId={hideLower ? 'showAll' : 'hideLower'}