From 1edaf5dd1ee813836fb3952b89c13168eb674bc5 Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Wed, 14 Dec 2022 20:32:41 -0300
Subject: [PATCH] emit event to go back to home view from search screen

---
 src/components/ListComponent.vue | 17 ++++++++++-------
 src/components/TopBar.vue        |  1 -
 src/views/HomeView.vue           |  1 +
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/ListComponent.vue b/src/components/ListComponent.vue
index ff4896b..8f6597a 100644
--- a/src/components/ListComponent.vue
+++ b/src/components/ListComponent.vue
@@ -8,6 +8,9 @@ const props = defineProps({
   tokenAmount: Number,
 });
 
+// Emits
+const emit = defineEmits(["makeAnotherTransaction"]);
+
 const formatEventsAmount = (amount: any) => {
   try {
     const formated = blockchain.formatBigNumber(amount);
@@ -52,7 +55,7 @@ const openEtherscanUrl = (url: string) => {
       <button
         type="button"
         class="border-amber-500 border-2 rounded default-button text-white p-2 px-50 min-w-[198px]"
-        @click="() => {}"
+        @click="emit('makeAnotherTransaction')"
       >
         Fazer nova transação
       </button>
@@ -73,12 +76,12 @@ const openEtherscanUrl = (url: string) => {
         v-for="release in lastWalletReleaseTransactions"
         :key="release?.blockNumber"
       >
-        <p class="last-release-info">
+        <span class="last-release-info">
           {{ formatEventsAmount(release?.args.amount) }} BRZ
-        </p>
-        <p class="last-release-info">
+        </span>
+        <span class="last-release-info">
           {{ "Compra" }}
-        </p>
+        </span>
         <div
           class="flex gap-2 cursor-pointer items-center"
           @click="
@@ -87,7 +90,7 @@ const openEtherscanUrl = (url: string) => {
             )
           "
         >
-          <p class="last-release-info">Etherscan</p>
+          <span class="last-release-info">Etherscan</span>
           <img alt="Redirect image" src="@/assets/redirect.svg" />
         </div>
       </div>
@@ -134,7 +137,7 @@ p {
 }
 
 .last-release-info {
-  @apply font-medium text-base;
+  @apply font-medium text-base text-gray-900;
 }
 
 input[type="number"] {
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index ca53687..d74fcf7 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -37,7 +37,6 @@ const formatWalletBalance = (): string => {
       src="@/assets/logo.svg"
       width="75"
       height="75"
-      @load="connectMetaMask()"
     />
     <div class="flex gap-4 items-center">
       <button type="button" class="default-button">Quero vender</button>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e43914c..7627d11 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -109,6 +109,7 @@ const releaseTransaction = async ({ e2eId }: any) => {
       v-if="!loadingRelease"
       :last-wallet-release-transactions="lastWalletReleaseTransactions"
       :tokenAmount="tokenAmount"
+      @make-another-transaction="flowStep = Step.Search"
     />
     <ValidationComponent
       v-if="loadingRelease"