From afdd34058696452fe42ddc0b624497c0f8945fba Mon Sep 17 00:00:00 2001
From: Nikolay Yurchenko <nickolai.yurchenko@gmail.com>
Date: Thu, 17 Oct 2019 15:25:18 +0300
Subject: [PATCH] name removed from header (#3209)

---
 .../src/components/header/AccountButton.vue         | 13 +++----------
 .../static/images/account/BlackArrowExpand.svg      |  3 +++
 .../static/images/account/BlackArrowHide.svg        |  3 +++
 3 files changed, 9 insertions(+), 10 deletions(-)
 create mode 100644 web/satellite/static/images/account/BlackArrowExpand.svg
 create mode 100644 web/satellite/static/images/account/BlackArrowHide.svg

diff --git a/web/satellite/src/components/header/AccountButton.vue b/web/satellite/src/components/header/AccountButton.vue
index dc3814ff7..4b0f718c2 100644
--- a/web/satellite/src/components/header/AccountButton.vue
+++ b/web/satellite/src/components/header/AccountButton.vue
@@ -10,10 +10,9 @@
                 <!-- img if avatar was set -->
                 <h1 class="account-button-toggle-container__avatar__letter">{{avatarLetter}}</h1>
             </div>
-            <h1 class="account-button-toggle-container__user-name">{{userName}}</h1>
             <div class="account-button-toggle-container__expander-area">
-                <img v-if="!isDropdownShown" src="@/../static/images/register/BlueExpand.svg"  alt="Arrow down (expand)"/>
-                <img v-if="isDropdownShown" src="@/../static/images/register/BlueHide.svg"  alt="Arrow up (hide)"/>
+                <img v-if="!isDropdownShown" src="@/../static/images/account/BlackArrowExpand.svg" alt="Arrow down (expand)"/>
+                <img v-if="isDropdownShown" src="@/../static/images/account/BlackArrowHide.svg" alt="Arrow up (hide)"/>
             </div>
         </div>
         <AccountDropdown v-if="isDropdownShown"/>
@@ -41,10 +40,6 @@ export default class AccountButton extends Vue {
         return this.$store.getters.userName.slice(0, 1).toUpperCase();
     }
 
-    public get userName(): string {
-        return this.$store.getters.userName;
-    }
-
     public get isDropdownShown(): boolean {
         return this.$store.state.appStateModule.appState.isAccountDropdownShown;
     }
@@ -100,12 +95,10 @@ export default class AccountButton extends Vue {
         }
 
         &__expander-area {
-            margin-left: 12px;
+            margin-left: 9px;
             display: flex;
             align-items: center;
             justify-content: center;
-            width: 28px;
-            height: 28px;
         }
     }
 
diff --git a/web/satellite/static/images/account/BlackArrowExpand.svg b/web/satellite/static/images/account/BlackArrowExpand.svg
new file mode 100644
index 000000000..40d2c124d
--- /dev/null
+++ b/web/satellite/static/images/account/BlackArrowExpand.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.266267 0.254166C0.621289 -0.0847221 1.19689 -0.0847221 1.55192 0.254166L5 3.54555L8.44808 0.254166C8.80311 -0.0847221 9.37871 -0.0847221 9.73373 0.254166C10.0888 0.593054 10.0888 1.1425 9.73373 1.48139L5 6L0.266267 1.48139C-0.0887555 1.1425 -0.0887555 0.593054 0.266267 0.254166Z" fill="#354049"/>
+</svg>
diff --git a/web/satellite/static/images/account/BlackArrowHide.svg b/web/satellite/static/images/account/BlackArrowHide.svg
new file mode 100644
index 000000000..ff733b184
--- /dev/null
+++ b/web/satellite/static/images/account/BlackArrowHide.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73373 5.74583C9.37871 6.08472 8.80311 6.08472 8.44808 5.74583L5 2.45445L1.55192 5.74583C1.19689 6.08472 0.621288 6.08472 0.266267 5.74583C-0.0887565 5.40694 -0.0887565 4.8575 0.266267 4.51861L5 -4.37114e-07L9.73373 4.51861C10.0888 4.8575 10.0888 5.40695 9.73373 5.74583Z" fill="#354049"/>
+</svg>