Remove AccountDropdownMini component (#6906)

The `AccountDropdownMini` component featured the ability to switch
accounts using a dropdown, but this functionality was disabled in #6024.
It has been acting as a restyled `AccountListItem` since then.

The component has been removed, and the style changes moved to the sole
parent component (`RequestSignature`).

ui/app/components/app/signature-request.js

@@ -12,7 +12,7 @@ const { compose } = require('recompose')
 const { withRouter } = require('react-router-dom')
 const { ObjectInspector } = require('react-inspector')
 
-import AccountDropdownMini from '../ui/account-dropdown-mini'
+import AccountListItem from '../../pages/send/account-list-item/account-list-item.component'
 
 const actions = require('../../store/actions')
 const { conversionUtil } = require('../../helpers/utils/conversion-util')
@@ -21,7 +21,6 @@ const {
   getSelectedAccount,
   getCurrentAccountWithSendEtherInfo,
   getSelectedAddress,
-  accountsWithSendEtherInfoSelector,
   conversionRateSelector,
 } = require('../../selectors/selectors.js')
 
@@ -37,7 +36,6 @@ function mapStateToProps (state) {
     selectedAddress: getSelectedAddress(state),
     requester: null,
     requesterAddress: null,
-    accounts: accountsWithSendEtherInfoSelector(state),
     conversionRate: conversionRateSelector(state),
   }
 }
@@ -137,23 +135,19 @@ SignatureRequest.prototype.renderHeader = function () {
   ])
 }
 
-SignatureRequest.prototype.renderAccountDropdown = function () {
+SignatureRequest.prototype.renderAccount = function () {
   const { selectedAccount } = this.state
 
-  const {
-    accounts,
-  } = this.props
-
   return h('div.request-signature__account', [
 
     h('div.request-signature__account-text', [this.context.t('account') + ':']),
 
-    h(AccountDropdownMini, {
-      selectedAccount,
-      accounts,
-      disabled: true,
-    }),
-
+    h('div.request-signature__account-item', [
+      h(AccountListItem, {
+        account: selectedAccount,
+        displayBalance: false,
+      }),
+    ]),
   ])
 }
 
@@ -180,7 +174,7 @@ SignatureRequest.prototype.renderBalance = function () {
 SignatureRequest.prototype.renderAccountInfo = function () {
   return h('div.request-signature__account-info', [
 
-    this.renderAccountDropdown(),
+    this.renderAccount(),
 
     this.renderRequestIcon(),
 

ui/app/css/itcss/components/index.scss

@@ -42,8 +42,6 @@
 
 @import './account-details-dropdown.scss';
 
-@import './account-dropdown-mini.scss';
-
 @import './editable-label.scss';
 
 @import './pages/index.scss';

ui/app/css/itcss/components/request-signature.scss

@@ -101,6 +101,30 @@
     font-size: 14px;
   }
 
+  &__account-item {
+    height: 22px;
+    background-color: $white;
+    font-family: Roboto;
+    line-height: 16px;
+    font-size: 12px;
+    width: 124px;
+
+    .account-list-item {
+      margin-top: 6px;
+    }
+
+    .account-list-item__account-name {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      width: 80px;
+    }
+
+    .account-list-item__top-row {
+      margin: 0;
+    }
+  }
+
   &__balance {
     color: $dusty-gray;
     margin-right: 17px;