Merge pull request #700 from LN-Zap/feat/network-pill

feat(testnet): add pill to UI on testnet

app/components/Wallet/Wallet.js

@@ -49,6 +49,7 @@ const Wallet = ({
         <header className={styles.header}>
           <section className={styles.logo}>
             <Isvg className={styles.bitcoinLogo} src={zapLogo} />
+            {info.data.testnet && <span className={styles.testnetPill}>Testnet</span>}
           </section>
 
           <section className={styles.user}>

app/components/Wallet/Wallet.scss

@@ -13,9 +13,23 @@
   flex-direction: row;
   justify-content: space-between;
 
-  .logo span svg {
+  .logo span {
+    line-height: 24px;
+
+    svg {
       width: 64px;
       height: 24px;
+      vertical-align: top;
+    }
+  }
+
+  .testnetPill {
+    margin-left: 10px;
+    // border: 1px solid rgb(57, 230, 115);
+    // padding: 5px 15px;
+    font-size: 10px;
+    border-radius: 100px;
+    color: rgb(57, 230, 115);
   }
 
   .user {