Refactor 'rendersingleidentity' to a stand alone account-list-item component.

2 files changed, 29 insertions, 37 deletions

diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
index 1c4620e40..42f02d84d 100644
--- a/ui/app/css/itcss/components/account-dropdown.scss
+++ b/ui/app/css/itcss/components/account-dropdown.scss
@@ -15,3 +15,32 @@
     color: $white;
   }
 }
+
+.account-list-item {
+  &__top-row {
+    display: flex;
+    margin-top: 10px;
+    margin-left: 8px;
+    position: relative;
+  }
+  
+  &__account-name {
+    font-size: 16px;
+    margin-left: 8px;
+  }
+
+  &__icon {
+    position: absolute;
+    right: 12px;
+    top: 1px;
+  }
+  &__account-primary-balance {
+    margin-left: 34px;
+    margin-top: 4px;
+  }
+
+  &__account-secondary-balance {
+    margin-left: 34px;
+    color: $dusty-gray;
+  }
+}
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index ddd22f9fd..dfeb83a0a 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -528,43 +528,6 @@
     font-size: 12px;
     color: $tundora;
 
-    &__top-row {
-      display: flex;
-      margin-top: 10px;
-      margin-left: 8px;
-      position: relative;
-    }
-
-    &__account-name {
-      font-size: 16px;
-      margin-left: 8px;
-    }
-
-    &__caret-down,
-    &__check {
-      position: absolute;
-      right: 12px;
-      top: 1px;
-    }
-
-    &__caret-down {
-      color: $alto;
-    }
-
-    &__check {
-      color: $caribbean-green;
-    }
-
-    &__account-primary-balance {
-      margin-left: 34px;
-      margin-top: 4px;
-    }
-
-    &__account-secondary-balance {
-      margin-left: 34px;
-      color: $dusty-gray;
-    }
-
     &__close-area {
       position: fixed;
       top: 0;