Merge pull request #190 from LN-Zap/fetaure/network-stats

feature(network): network stats

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}

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 {