Drop the unused WalletDetails modal

Seems to have been supplanted, e.g. see the Wallet/ReceiveModal.

app/components/ModalRoot/ModalRoot.js

@@ -1,11 +1,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { MdClose } from 'react-icons/lib/md'
-import WalletDetails from './WalletDetails'
 import styles from './ModalRoot.scss'
 
 const MODAL_COMPONENTS = {
-  WALLET_DETAILS: WalletDetails
   /* other modals */
 }
 

app/components/ModalRoot/WalletDetails.js

@@ -1,40 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import QRCode from 'qrcode.react'
-import styles from './WalletDetails.scss'
-
-const WalletDetails = ({ info, address }) => (
-  <div className={styles.walletdetails}>
-    <div className={styles.inner}>
-      <div className={styles.left}>
-        <section>
-          <h4>Node Alias</h4>
-          <h1>Testing</h1>
-        </section>
-        <section>
-          <h4>Node Public Key</h4>
-          <p className={styles.copytext}>{info.data.identity_pubkey}</p>
-        </section>
-        <section>
-          <h4>Deposit Address</h4>
-          <div className={styles.qrcode}>
-            <QRCode value={address} />
-          </div>
-          <p className={styles.copytext}>{address}</p>
-        </section>
-      </div>
-      <div className={styles.right}>
-        <section>
-          <h2>Network</h2>
-        </section>
-      </div>
-    </div>
-  </div>
-)
-
-WalletDetails.propTypes = {
-  info: PropTypes.object.isRequired,
-  address: PropTypes.string.isRequired
-}
-
-export default WalletDetails

app/components/ModalRoot/WalletDetails.scss

@@ -1,70 +0,0 @@
-@import '../../variables.scss';
-
-.walletdetails {
-}
-
-.inner {
-  width: 75%;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: row;
-}
-
-.left, .right {
-  padding: 50px 0;
-  width: 100%;
-
-  section {
-    position: relative;
-    margin: 0 20px;
-    padding: 20px 0;
-  }
-}
-
-.left {
-  border-right: 1px solid $darkgrey;
-
-  section {
-    border-bottom: 1px solid $main;
-
-    h4 {
-      text-transform: uppercase;
-      letter-spacing: 1.5px;
-      font-size: 10px;
-      margin-bottom: 15px;
-    }
-  }
-
-  h1 {
-    font-family: 'Roboto';
-    font-weight: 300;
-    font-size: 24px;
-  }
-
-  .qrcode {
-    text-align: center;
-    margin: 20px 0;
-  }
-
-  .copytext {
-    font-family: 'Roboto';
-    text-align: center;
-    font-size: 14px;
-    font-weight: 200;
-    border-radius: 7px;
-    background: $lightgrey;
-    border: 1px solid $darkestgrey;
-    padding: 10px;
-  }
-}
-
-.right {
-  section {
-    h2 {
-      text-transform: uppercase;
-      font-family: 'Roboto';
-      font-weight: 300;
-      font-size: 24px;
-    }
-  }
-}