From d0ddf3957495d2985b7695e385d2b05c6588c4d1 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Sun, 14 Jan 2018 15:12:04 -0600
Subject: [PATCH] feature(network): show num of nodes and num of channels the
 node can see on the network map

---
 app/routes/network/components/Network.js   |  9 +++++++++
 app/routes/network/components/Network.scss | 18 ++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/app/routes/network/components/Network.js b/app/routes/network/components/Network.js
index 22feae30..032fedd4 100644
--- a/app/routes/network/components/Network.js
+++ b/app/routes/network/components/Network.js
@@ -88,6 +88,15 @@ class Network extends Component {
 
     return (
       <div className={styles.container}>
+        {
+          !network.networkLoading &&
+          <section className={styles.stats}>
+            <span>{network.nodes.length} nodes</span>
+            <span>|</span>
+            <span>{network.edges.length} channels</span>
+          </section>
+        }
+        
         <CanvasNetworkGraph
           className={styles.network}
           network={network}
diff --git a/app/routes/network/components/Network.scss b/app/routes/network/components/Network.scss
index 185adb85..bc7a8531 100644
--- a/app/routes/network/components/Network.scss
+++ b/app/routes/network/components/Network.scss
@@ -31,6 +31,24 @@
   circle {
     cursor: pointer;
   }
+
+  .stats {
+    position: absolute;
+    top: 0;
+    right: 30%;
+    padding: 20px;
+
+    span {
+      color: $main;
+      margin: 0 2.5px;
+      line-height: 25px;
+      vertical-align: middle;
+
+      &:nth-child(2) {
+        font-size: 25px;
+      }
+    }
+  }
 }
 
 .network, .toolbox {