From ff5b5c2a3f7208f4ff23f772210e836d723cdc0e Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 23 Sep 2019 15:21:11 +0200
Subject: [PATCH] Remove unused balances props (#1647)

* Remove unused balances props

* Comment CSS horribleness

* Extra {

* Merge master
---
 packages/app-staking/src/Overview/Address.tsx |  3 +-
 .../app-staking/src/Overview/CurrentList.tsx  |  5 +--
 packages/apps/src/SideBar/SideBar.css         | 35 ++++++++++---------
 3 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/packages/app-staking/src/Overview/Address.tsx b/packages/app-staking/src/Overview/Address.tsx
index ae4e08b7c8..4b349cba7e 100644
--- a/packages/app-staking/src/Overview/Address.tsx
+++ b/packages/app-staking/src/Overview/Address.tsx
@@ -4,7 +4,7 @@
 // of the Apache-2.0 license. See the LICENSE file for details.
 
 import { AccountId, Balance, BlockNumber, Exposure } from '@polkadot/types/interfaces';
-import { DerivedBalancesMap, DerivedStaking, DerivedStakingOnlineStatus } from '@polkadot/api-derive/types';
+import { DerivedStaking, DerivedStakingOnlineStatus } from '@polkadot/api-derive/types';
 import { ApiProps } from '@polkadot/react-api/types';
 import { I18nProps } from '@polkadot/react-components/types';
 import { ValidatorFilter } from '../types';
@@ -22,7 +22,6 @@ import translate from '../translate';
 
 interface Props extends ApiProps, I18nProps {
   address: string;
-  balances: DerivedBalancesMap;
   className?: string;
   defaultName: string;
   filter: ValidatorFilter;
diff --git a/packages/app-staking/src/Overview/CurrentList.tsx b/packages/app-staking/src/Overview/CurrentList.tsx
index 297bc8584b..09a0b2ff5b 100644
--- a/packages/app-staking/src/Overview/CurrentList.tsx
+++ b/packages/app-staking/src/Overview/CurrentList.tsx
@@ -3,7 +3,6 @@
 // of the Apache-2.0 license. See the LICENSE file for details.
 
 import { BlockNumber } from '@polkadot/types/interfaces';
-import { DerivedBalancesMap } from '@polkadot/api-derive/types';
 import { I18nProps } from '@polkadot/react-components/types';
 import { ValidatorFilter } from '../types';
 
@@ -14,7 +13,6 @@ import translate from '../translate';
 import Address from './Address';
 
 interface Props extends I18nProps {
-  balances?: DerivedBalancesMap;
   currentValidatorsControllersV1OrStashesV2: string[];
   lastAuthor?: string;
   lastBlock: string;
@@ -80,13 +78,12 @@ class CurrentList extends React.PureComponent<Props, State> {
   }
 
   private renderColumn (addresses: string[], defaultName: string): React.ReactNode {
-    const { balances, lastAuthor, lastBlock, recentlyOnline } = this.props;
+    const { lastAuthor, lastBlock, recentlyOnline } = this.props;
     const { filter } = this.state;
 
     return addresses.map((address): React.ReactNode => (
       <Address
         address={address}
-        balances={balances}
         defaultName={defaultName}
         key={address}
         filter={filter}
diff --git a/packages/apps/src/SideBar/SideBar.css b/packages/apps/src/SideBar/SideBar.css
index c4e4b400cc..9d8fea89ee 100644
--- a/packages/apps/src/SideBar/SideBar.css
+++ b/packages/apps/src/SideBar/SideBar.css
@@ -213,26 +213,29 @@
   }
 }
 
-a.apps--SideBar-Item-NavLink {
-  color: #eee;
-  display: block;
-  padding: 0.75em 0.75em;
-  white-space: nowrap;
-
-  &:hover {
-    background: #5f5f5f;
-    border-radius: 0.28571429rem 0 0 0.28571429rem;
+/* This is horrible ... will disappear once this stuff is actually where it belongs and not in a stylesheet */
+.theme--default {
+  a.apps--SideBar-Item-NavLink {
     color: #eee;
+    display: block;
+    padding: 0.75em 0.75em;
+    white-space: nowrap;
+
+    &:hover {
+      background: #5f5f5f;
+      border-radius: 0.28571429rem 0 0 0.28571429rem;
+      color: #eee;
+    }
   }
-}
 
-a.apps--SideBar-Item-NavLink-active {
-  background: #fafafa;
-  border-radius: 0.28571429rem 0 0 0.28571429rem;
-  color: #3f3f3f;
-
-  &:hover {
+  a.apps--SideBar-Item-NavLink-active {
     background: #fafafa;
+    border-radius: 0.28571429rem 0 0 0.28571429rem;
     color: #3f3f3f;
+
+    &:hover {
+      background: #fafafa;
+      color: #3f3f3f;
+    }
   }
 }