From af1f727aa8c1b6c56e515469ce183d34b600ba0a Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Tue, 20 Dec 2022 17:23:48 -0300
Subject: [PATCH] Update chevronIcon according to menu action

---
 src/components/TopBar.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index d077955..bf3005f 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -88,7 +88,22 @@ const disconnectUser = () => {
             >
               {{ formatWalletAddress() }}
             </span>
-            <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
+            <img
+              class="text-black"
+              v-if="!menuHoverToggle && !menuOpenToggle"
+              alt="Chevron Down"
+              src="@/assets/chevronDown.svg"
+            />
+            <img
+              v-if="menuOpenToggle"
+              alt="Chevron Up"
+              src="@/assets/chevronUp.svg"
+            />
+            <img
+              v-if="menuHoverToggle && !menuOpenToggle"
+              alt="Chevron Down Black"
+              src="@/assets/chevronDownBlack.svg"
+            />
           </div>
           <div
             v-show="menuOpenToggle"