From 1af0cf3df790b1b4c2b6a1bf58759449ecd2677a Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Wed, 14 Dec 2022 19:30:29 -0300
Subject: [PATCH 1/9] create menu

---
 src/components/TopBar.vue    | 78 ++++++++++++++++++++++++++++++++++--
 src/router/index.ts          | 12 ++++++
 src/views/BidHistoryView.vue |  8 ++++
 src/views/HomeView.vue       |  7 ++++
 src/views/ManageBidsView.vue |  8 ++++
 5 files changed, 109 insertions(+), 4 deletions(-)
 create mode 100644 src/views/BidHistoryView.vue
 create mode 100644 src/views/ManageBidsView.vue

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index f2bcb78..eb34159 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { storeToRefs } from "pinia";
 import { useEtherStore } from "../store/ether";
+import { ref } from "vue";
 import blockchain from "../utils/blockchain";
 
 // Store reference
@@ -8,6 +9,10 @@ const etherStore = useEtherStore();
 
 const { walletAddress, balance } = storeToRefs(etherStore);
 
+const emit = defineEmits(["disconnectUser"]);
+
+const menuToggle = ref<boolean>(false);
+
 //Methods
 const connectMetaMask = () => {
   blockchain.connectProvider();
@@ -29,6 +34,14 @@ const formatWalletBalance = (): string => {
 
   return fixed;
 };
+
+// const disconnectWallet = () => {
+//   menuToggle.value = false;
+// };
+
+const log = () => {
+  console.log(menuToggle.value);
+};
 </script>
 
 <template>
@@ -56,10 +69,63 @@ const formatWalletBalance = (): string => {
           <span class="default-text"> Ethereum </span>
           <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
         </div>
-        <div class="top-bar-info">
-          <img alt="Account image" src="@/assets/account.svg" />
-          <span class="default-text text-sm">{{ formatWalletAddress() }}</span>
-          <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
+        <div class="flex flex-col">
+          <div
+            class="top-bar-info"
+            @mouseover="menuToggle = true"
+            @mouseout="menuToggle = false"
+            :style="{
+              backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
+            }"
+          >
+            <img alt="Account image" src="@/assets/account.svg" />
+            <span
+              class="default-text text-sm"
+              :style="{
+                color: menuToggle ? '#000000' : 'rgb(249 250 251)',
+              }"
+            >
+              {{ formatWalletAddress() }}
+            </span>
+            <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
+          </div>
+          <div
+            v-show="menuToggle"
+            class="mt-10 absolute w-full text-black"
+            @mouseover="menuToggle = true"
+            @mouseout="menuToggle = false"
+          >
+            <div class="pl-4 mt-2">
+              <div class="bg-white rounded-md z-10">
+                <div
+                  class="menu-button px-4 rounded-md cursor-pointer"
+                  onclick="window.location='/bid_history'"
+                >
+                  <div class="py-4 text-end font-semibold text-xs">
+                    Histórico de compras
+                  </div>
+                  <hr />
+                </div>
+                <div
+                  class="menu-button px-4 cursor-pointer"
+                  onclick="window.location='/manage_bids'"
+                >
+                  <div class="py-4 text-end font-semibold text-xs">
+                    Gerenciar Ofertas
+                  </div>
+                  <hr />
+                </div>
+                <div
+                  class="menu-button px-4 py-1 rounded-md cursor-pointer"
+                  @click="emit('disconnectUser', {})"
+                >
+                  <div class="py-3 text-end font-semibold text-xs">
+                    Desconectar
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
         <div class="top-bar-info">
           <span class="default-text text-sm">
@@ -91,4 +157,8 @@ header {
 .top-bar-info {
   @apply flex justify-between gap-2 px-4 py-2 border-amber-500 border-2 rounded;
 }
+
+.menu-button:hover {
+  background-color: #E5E7EB;
+}
 </style>
diff --git a/src/router/index.ts b/src/router/index.ts
index f505d74..83ae12e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,8 @@
 import { createRouter, createWebHistory } from "vue-router";
 import HomeView from "../views/HomeView.vue";
 import MockView from "../views/MockView.vue";
+import BidHistoryView from "../views/BidHistoryView.vue";
+import ManageBidsView from "../views/ManageBidsView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -15,6 +17,16 @@ const router = createRouter({
       name: "mock",
       component: MockView,
     },
+    {
+      path: "/bid_history",
+      name: "bid history",
+      component: BidHistoryView,
+    },
+    {
+      path: "/manage_bids",
+      name: "manage bids",
+      component: ManageBidsView,
+    },
   ],
 });
 
diff --git a/src/views/BidHistoryView.vue b/src/views/BidHistoryView.vue
new file mode 100644
index 0000000..78eda0a
--- /dev/null
+++ b/src/views/BidHistoryView.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>Histórico de ofertas</div>
+</template>
+
+<style scoped></style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index f98dcbc..65b8139 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -62,6 +62,12 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
     // Valor = tokenValue
   }
 };
+
+const disconnectUser = ({}: any) => {
+  console.log('entrou')
+  etherStore.setWalletAddress("");
+  flowStep.value == Step.Search;
+};
 </script>
 
 <template>
@@ -77,6 +83,7 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
     />
     <ValidationComponent v-if="loadingLock" />
   </div>
+  <div @disconnect-user="disconnectUser"></div>
 </template>
 
 <style scoped></style>
diff --git a/src/views/ManageBidsView.vue b/src/views/ManageBidsView.vue
new file mode 100644
index 0000000..856ecba
--- /dev/null
+++ b/src/views/ManageBidsView.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>Gerenciar Ofertas</div>
+</template>
+
+<style scoped></style>

From 5cbcda47ec733b3b3423e694cd1742263b4d3c42 Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Thu, 15 Dec 2022 00:07:08 -0300
Subject: [PATCH 2/9] Fix disconnect button behavior

---
 src/components/TopBar.vue | 14 +++++---------
 src/views/HomeView.vue    |  7 -------
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index eb34159..6c5aa38 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -3,14 +3,13 @@ import { storeToRefs } from "pinia";
 import { useEtherStore } from "../store/ether";
 import { ref } from "vue";
 import blockchain from "../utils/blockchain";
+import router from "@/router";
 
 // Store reference
 const etherStore = useEtherStore();
 
 const { walletAddress, balance } = storeToRefs(etherStore);
 
-const emit = defineEmits(["disconnectUser"]);
-
 const menuToggle = ref<boolean>(false);
 
 //Methods
@@ -35,12 +34,9 @@ const formatWalletBalance = (): string => {
   return fixed;
 };
 
-// const disconnectWallet = () => {
-//   menuToggle.value = false;
-// };
-
-const log = () => {
-  console.log(menuToggle.value);
+const disconnectUser = () => {
+  etherStore.setWalletAddress("");
+  router.push("/");
 };
 </script>
 
@@ -117,7 +113,7 @@ const log = () => {
                 </div>
                 <div
                   class="menu-button px-4 py-1 rounded-md cursor-pointer"
-                  @click="emit('disconnectUser', {})"
+                  @click="disconnectUser"
                 >
                   <div class="py-3 text-end font-semibold text-xs">
                     Desconectar
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 65b8139..f98dcbc 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -62,12 +62,6 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
     // Valor = tokenValue
   }
 };
-
-const disconnectUser = ({}: any) => {
-  console.log('entrou')
-  etherStore.setWalletAddress("");
-  flowStep.value == Step.Search;
-};
 </script>
 
 <template>
@@ -83,7 +77,6 @@ const disconnectUser = ({}: any) => {
     />
     <ValidationComponent v-if="loadingLock" />
   </div>
-  <div @disconnect-user="disconnectUser"></div>
 </template>
 
 <style scoped></style>

From f33878d74ca36f77cb4140b6a72b40833e2a4ade Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Thu, 15 Dec 2022 00:07:39 -0300
Subject: [PATCH 3/9] Fix BidHistoryView and ManageBidsView draft

---
 src/views/BidHistoryView.vue | 8 ++++++--
 src/views/ManageBidsView.vue | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/BidHistoryView.vue b/src/views/BidHistoryView.vue
index 78eda0a..a89deb3 100644
--- a/src/views/BidHistoryView.vue
+++ b/src/views/BidHistoryView.vue
@@ -2,7 +2,11 @@
 </script>
 
 <template>
-  <div>Histórico de ofertas</div>
+  <div class="page">Histórico de ofertas</div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.page {
+  @apply flex gap-8 mt-24;
+}
+</style>
diff --git a/src/views/ManageBidsView.vue b/src/views/ManageBidsView.vue
index 856ecba..636665d 100644
--- a/src/views/ManageBidsView.vue
+++ b/src/views/ManageBidsView.vue
@@ -2,7 +2,11 @@
 </script>
 
 <template>
-  <div>Gerenciar Ofertas</div>
+  <div class="page">Gerenciar Ofertas</div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.page {
+  @apply flex gap-8 mt-24;
+}
+</style>

From bdfdc8b433e4e1ed7cba405aac7e87173975e80e Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Fri, 16 Dec 2022 17:57:29 -0300
Subject: [PATCH 4/9] Add refresh when on main view

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

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 6c5aa38..cdba0c1 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -36,7 +36,12 @@ const formatWalletBalance = (): string => {
 
 const disconnectUser = () => {
   etherStore.setWalletAddress("");
-  router.push("/");
+  const currentRoute = router.currentRoute.value.path;
+  if (currentRoute !== "/") {
+    router.push("/");
+  } else {
+    window.location.reload();
+  }
 };
 </script>
 

From 716cd909a6d8d8c7abe1c9331cbf807442c4d97e Mon Sep 17 00:00:00 2001
From: Enzo Gabriel <eggqsaraiva@gmail.com>
Date: Tue, 20 Dec 2022 15:00:35 -0300
Subject: [PATCH 5/9] Remove duplicated import

---
 src/components/TopBar.vue | 67 ++++++++++-----------------------------
 1 file changed, 16 insertions(+), 51 deletions(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index ec4a94f..48d3c3a 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -4,7 +4,6 @@ import { storeToRefs } from "pinia";
 import { useEtherStore } from "../store/ether";
 import { ref } from "vue";
 import blockchain from "../utils/blockchain";
-import router from "@/router";
 
 // Store reference
 const etherStore = useEtherStore();
@@ -46,27 +45,13 @@ const disconnectUser = () => {
 
 <template>
   <header>
-    <img
-      alt="P2Pix logo"
-      class="logo"
-      src="@/assets/logo.svg"
-      width="75"
-      height="75"
-    />
+    <img alt="P2Pix logo" class="logo" src="@/assets/logo.svg" width="75" height="75" />
     <div class="flex gap-4 items-center">
-      <button
-        type="button"
-        class="default-button"
-        v-on:click="router.push('/seller')"
-      >
+      <button type="button" class="default-button" v-on:click="router.push('/seller')">
         Quero vender
       </button>
-      <button
-        type="button"
-        v-if="!walletAddress"
-        class="border-amber-500 border-2 rounded default-button"
-        @click="connectMetaMask()"
-      >
+      <button type="button" v-if="!walletAddress" class="border-amber-500 border-2 rounded default-button"
+        @click="connectMetaMask()">
         Conectar carteira
       </button>
       <div v-if="walletAddress" class="account-info">
@@ -76,55 +61,34 @@ const disconnectUser = () => {
           <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
         </div>
         <div class="flex flex-col">
-          <div
-            class="top-bar-info"
-            @mouseover="menuToggle = true"
-            @mouseout="menuToggle = false"
-            :style="{
-              backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
-            }"
-          >
+          <div class="top-bar-info" @mouseover="menuToggle = true" @mouseout="menuToggle = false" :style="{
+            backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
+          }">
             <img alt="Account image" src="@/assets/account.svg" />
-            <span
-              class="default-text text-sm"
-              :style="{
-                color: menuToggle ? '#000000' : 'rgb(249 250 251)',
-              }"
-            >
+            <span class="default-text text-sm" :style="{
+              color: menuToggle ? '#000000' : 'rgb(249 250 251)',
+            }">
               {{ formatWalletAddress() }}
             </span>
             <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
           </div>
-          <div
-            v-show="menuToggle"
-            class="mt-10 absolute w-full text-black"
-            @mouseover="menuToggle = true"
-            @mouseout="menuToggle = false"
-          >
+          <div v-show="menuToggle" class="mt-10 absolute w-full text-black" @mouseover="menuToggle = true"
+            @mouseout="menuToggle = false">
             <div class="pl-4 mt-2">
               <div class="bg-white rounded-md z-10">
-                <div
-                  class="menu-button px-4 rounded-md cursor-pointer"
-                  onclick="window.location='/bid_history'"
-                >
+                <div class="menu-button px-4 rounded-md cursor-pointer" onclick="window.location='/bid_history'">
                   <div class="py-4 text-end font-semibold text-xs">
                     Histórico de compras
                   </div>
                   <hr />
                 </div>
-                <div
-                  class="menu-button px-4 cursor-pointer"
-                  onclick="window.location='/manage_bids'"
-                >
+                <div class="menu-button px-4 cursor-pointer" onclick="window.location='/manage_bids'">
                   <div class="py-4 text-end font-semibold text-xs">
                     Gerenciar Ofertas
                   </div>
                   <hr />
                 </div>
-                <div
-                  class="menu-button px-4 py-1 rounded-md cursor-pointer"
-                  @click="disconnectUser"
-                >
+                <div class="menu-button px-4 py-1 rounded-md cursor-pointer" @click="disconnectUser">
                   <div class="py-3 text-end font-semibold text-xs">
                     Desconectar
                   </div>
@@ -152,6 +116,7 @@ header {
 .default-button {
   @apply px-4 py-2 rounded text-gray-50 font-semibold text-base;
 }
+
 .account-info {
   @apply flex items-center gap-6;
 }

From 3ba1671931229dc1fe1277694293c708f9114f22 Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Tue, 20 Dec 2022 16:51:50 -0300
Subject: [PATCH 6/9] Change menu behavior

---
 src/components/TopBar.vue | 55 ++++++++++++++++++++++++++++++---------
 1 file changed, 43 insertions(+), 12 deletions(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 48d3c3a..d077955 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -10,7 +10,8 @@ const etherStore = useEtherStore();
 
 const { walletAddress, balance } = storeToRefs(etherStore);
 
-const menuToggle = ref<boolean>(false);
+const menuOpenToggle = ref<boolean>(false);
+const menuHoverToggle = ref<boolean>(false);
 
 //Methods
 const connectMetaMask = () => {
@@ -61,34 +62,64 @@ const disconnectUser = () => {
           <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
         </div>
         <div class="flex flex-col">
-          <div class="top-bar-info" @mouseover="menuToggle = true" @mouseout="menuToggle = false" :style="{
-            backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
-          }">
+          <div
+            class="top-bar-info cursor-pointer"
+            @click="menuOpenToggle = !menuOpenToggle"
+            @mouseover="menuHoverToggle = true"
+            @mouseout="menuHoverToggle = false"
+            :style="{
+              backgroundColor: menuOpenToggle
+                ? '#F9F9F9'
+                : menuHoverToggle
+                ? '#F9F9F9'
+                : 'transparent',
+            }"
+          >
             <img alt="Account image" src="@/assets/account.svg" />
-            <span class="default-text text-sm" :style="{
-              color: menuToggle ? '#000000' : 'rgb(249 250 251)',
-            }">
+            <span
+              class="default-text text-sm"
+              :style="{
+                color: menuOpenToggle
+                  ? '#000000'
+                  : menuHoverToggle
+                  ? '#000000'
+                  : 'rgb(249 250 251)',
+              }"
+            >
               {{ formatWalletAddress() }}
             </span>
             <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
           </div>
-          <div v-show="menuToggle" class="mt-10 absolute w-full text-black" @mouseover="menuToggle = true"
-            @mouseout="menuToggle = false">
+          <div
+            v-show="menuOpenToggle"
+            class="mt-10 absolute w-full text-black"
+            @mouseover="menuOpenToggle = true"
+            @mouseout="menuOpenToggle = false"
+          >
             <div class="pl-4 mt-2">
               <div class="bg-white rounded-md z-10">
-                <div class="menu-button px-4 rounded-md cursor-pointer" onclick="window.location='/bid_history'">
+                <div
+                  class="menu-button px-4 rounded-md cursor-pointer"
+                  onclick="window.location='/bid_history'"
+                >
                   <div class="py-4 text-end font-semibold text-xs">
                     Histórico de compras
                   </div>
                   <hr />
                 </div>
-                <div class="menu-button px-4 cursor-pointer" onclick="window.location='/manage_bids'">
+                <div
+                  class="menu-button px-4 cursor-pointer"
+                  onclick="window.location='/manage_bids'"
+                >
                   <div class="py-4 text-end font-semibold text-xs">
                     Gerenciar Ofertas
                   </div>
                   <hr />
                 </div>
-                <div class="menu-button px-4 py-1 rounded-md cursor-pointer" @click="disconnectUser">
+                <div
+                  class="menu-button px-4 py-1 rounded-md cursor-pointer"
+                  @click="disconnectUser"
+                >
                   <div class="py-3 text-end font-semibold text-xs">
                     Desconectar
                   </div>

From 93a426ba501a33c01d655e156f5cab4be7419867 Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Tue, 20 Dec 2022 17:23:10 -0300
Subject: [PATCH 7/9] Add chevronDownBlack and chevronUp svgs

---
 src/assets/chevronDownBlack.svg | 3 +++
 src/assets/chevronUp.svg        | 3 +++
 2 files changed, 6 insertions(+)
 create mode 100644 src/assets/chevronDownBlack.svg
 create mode 100644 src/assets/chevronUp.svg

diff --git a/src/assets/chevronDownBlack.svg b/src/assets/chevronDownBlack.svg
new file mode 100644
index 0000000..3fe97eb
--- /dev/null
+++ b/src/assets/chevronDownBlack.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z" fill="black"/>
+</svg>
diff --git a/src/assets/chevronUp.svg b/src/assets/chevronUp.svg
new file mode 100644
index 0000000..224851e
--- /dev/null
+++ b/src/assets/chevronUp.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3536 7.35355C13.1583 7.54882 12.8417 7.54882 12.6464 7.35355L7 1.70711L1.35355 7.35355C1.15829 7.54881 0.841709 7.54881 0.646446 7.35355C0.451184 7.15829 0.451184 6.84171 0.646446 6.64645L6.64645 0.646446C6.84171 0.451184 7.15829 0.451184 7.35355 0.646446L13.3536 6.64645C13.5488 6.84171 13.5488 7.15829 13.3536 7.35355Z" fill="#111827"/>
+</svg>

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 8/9] 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"

From bb4752ec5234050105e0ab5f96b6f877c0e0a6bf Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Tue, 20 Dec 2022 17:49:20 -0300
Subject: [PATCH 9/9] Remove menu close when mouse out

---
 src/components/TopBar.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index bf3005f..25989d0 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -108,8 +108,6 @@ const disconnectUser = () => {
           <div
             v-show="menuOpenToggle"
             class="mt-10 absolute w-full text-black"
-            @mouseover="menuOpenToggle = true"
-            @mouseout="menuOpenToggle = false"
           >
             <div class="pl-4 mt-2">
               <div class="bg-white rounded-md z-10">