From 33cbd8025cf00c83e32ca9f89a726ea57ce1c4aa Mon Sep 17 00:00:00 2001
From: petitPapillon <ivana.trajanovska@yahoo.com>
Date: Sat, 17 Jun 2017 21:08:50 +0200
Subject: [PATCH] Merge balance components - display walletsBalance in native
 mode

---
 react/src/components/dashboard/main/dashboard.js  |  4 ++++
 .../components/dashboard/main/dashboard.render.js |  2 +-
 .../dashboard/walletsBalance/walletsBalance.js    | 15 ++++++++++++---
 .../walletsBalance/walletsBalance.render.js       |  3 ++-
 .../walletsNative/walletsNative.render.js         |  5 +++--
 .../walletsNativeBalance/walletsNativeBalance.js  |  5 +++--
 6 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/react/src/components/dashboard/main/dashboard.js b/react/src/components/dashboard/main/dashboard.js
index 3edd13b..8f9bdba 100755
--- a/react/src/components/dashboard/main/dashboard.js
+++ b/react/src/components/dashboard/main/dashboard.js
@@ -26,6 +26,10 @@ class Dashboard extends React.Component {
       this.props.Main.isLoggedIn;
   }
 
+  isNativeMode() {
+    return this.props.ActiveCoin.mode === 'native';
+  }
+
   render() {
     if (this.isLoggedIn()) {
       return this.renderDashboard();
diff --git a/react/src/components/dashboard/main/dashboard.render.js b/react/src/components/dashboard/main/dashboard.render.js
index 32a36c9..3a18227 100644
--- a/react/src/components/dashboard/main/dashboard.render.js
+++ b/react/src/components/dashboard/main/dashboard.render.js
@@ -28,7 +28,7 @@ const DashboardRender = function() {
           <CoinTile {...this.props} />
           <WalletsNav {...this.props} />
           <WalletsProgress {...this.props} />
-          <WalletsBalance {...this.props} />
+          { !this.isNativeMode() && <WalletsBalance {...this.props} />}
           <SendCoin {...this.props} />
           <ReceiveCoin {...this.props.ActiveCoin} />
           <WalletsData {...this.props} />
diff --git a/react/src/components/dashboard/walletsBalance/walletsBalance.js b/react/src/components/dashboard/walletsBalance/walletsBalance.js
index f7784f6..89aac04 100755
--- a/react/src/components/dashboard/walletsBalance/walletsBalance.js
+++ b/react/src/components/dashboard/walletsBalance/walletsBalance.js
@@ -89,13 +89,22 @@ class WalletsBalance extends React.Component {
     );
   }
 
+  isNativeMode() {
+    return this.isActiveCoinMode('native');
+  }
+
   render() {
+    console.log('wallets balance', this.props.ActiveCoin.nativeActiveSection,
+      (this.isNativeMode() && this.props.ActiveCoin.nativeActiveSection === 'default'));
     if (this.props &&
         this.props.ActiveCoin &&
         this.props.ActiveCoin.coin &&
-        this.props.ActiveCoin.mode !== 'native' &&
-        !this.props.ActiveCoin.send &&
-        !this.props.ActiveCoin.receive) {
+        // this.props.ActiveCoin.mode !== 'native' &&
+      ((this.isNativeMode() && this.props.ActiveCoin.nativeActiveSection === 'default')
+        ||
+      (!this.isNativeMode() && !this.props.ActiveCoin.send &&!this.props.ActiveCoin.receive))
+      )
+    {
       return WalletsBalanceRender.call(this);
     }
 
diff --git a/react/src/components/dashboard/walletsBalance/walletsBalance.render.js b/react/src/components/dashboard/walletsBalance/walletsBalance.render.js
index c6aa2c3..276e40a 100644
--- a/react/src/components/dashboard/walletsBalance/walletsBalance.render.js
+++ b/react/src/components/dashboard/walletsBalance/walletsBalance.render.js
@@ -4,7 +4,7 @@ import { translate } from '../../../translate/translate';
 const WalletsBalanceRender = function() {
   return (
     <div id="wallet-widgets">
-      <div className="col-xs-12">
+      <div className="col-xs-12 teztt z-index-1">
         <div className={ this.isActiveCoinMode('native') || (this.isActiveCoinMode('full') && !this.isFullySynced()) ? 'col-xs-12' : 'col-xs-12 hide' }>
           <div className="alert alert-info alert-dismissible">
             <button
@@ -32,6 +32,7 @@ const WalletsBalanceRender = function() {
         </div>
 
         <div className={ this.isNativeOrBasiliskCoinMode() ? 'col-lg-4 col-xs-12' : 'col-lg-12 col-xs-12' }>
+
           <div className="widget widget-shadow">
             <div className="widget-content">
               <div className="padding-20 padding-top-10">
diff --git a/react/src/components/dashboard/walletsNative/walletsNative.render.js b/react/src/components/dashboard/walletsNative/walletsNative.render.js
index c661416..8317bac 100644
--- a/react/src/components/dashboard/walletsNative/walletsNative.render.js
+++ b/react/src/components/dashboard/walletsNative/walletsNative.render.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import WalletsNativeBalance from '../walletsNativeBalance/walletsNativeBalance';
+import WalletsBalance from '../walletsBalance/walletsBalance';
 import WalletsNativeInfo from '../walletsNativeInfo/walletsNativeInfo';
 import WalletsNativeReceive from '../walletsNativeReceive/walletsNativeReceive';
 import WalletsNativeSend from '../walletsNativeSend/walletsNativeSend';
@@ -26,7 +26,8 @@ const WalletsNativeRender = function() {
         <div className="page-content">
           <WalletsNativeSyncProgress {...this.props} />
           <div className="row">
-            <WalletsNativeBalance {...this.props} />
+            <WalletsBalance {...this.props} />
+            {/*<WalletsNativeBalance {...this.props} />*/}
             <WalletsNativeTxHistory {...this.props} />
             <WalletsNativeReceive {...this.props} />
             <WalletsNativeSend {...this.props} />
diff --git a/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js b/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js
index d7e0f33..90f4634 100644
--- a/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js
+++ b/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js
@@ -3,8 +3,9 @@ import WalletsNativeBalanceRender from './walletsNativeBalance.render';
 
 class WalletsNativeBalance extends React.Component {
   render() {
-    if (this.props &&
-        this.props.ActiveCoin.nativeActiveSection === 'default') {
+    if (false) {
+    // if (this.props &&
+    //     this.props.ActiveCoin.nativeActiveSection === 'default') {
       return WalletsNativeBalanceRender.call(this);
     }