From 8da7f6a4ff7f39766b3e851b5871b28d52729004 Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Sat, 26 Nov 2022 14:25:19 -0300
Subject: [PATCH] emit selectedDeposit and token value to Home component when
 confirm button is clicked

---
 src/components/SearchComponent.vue | 18 +++++++++---------
 src/views/HomeView.vue             |  6 ++++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/SearchComponent.vue b/src/components/SearchComponent.vue
index 6c7346b..e2f376a 100644
--- a/src/components/SearchComponent.vue
+++ b/src/components/SearchComponent.vue
@@ -17,8 +17,8 @@ const selectedDeposit = ref();
 
 const connectAccount = async () => {
   await blockchain.connectProvider();
-  verifyLiquidity()
-}
+  verifyLiquidity();
+};
 
 const handleInputEvent = (event: any) => {
   const { value } = event.target;
@@ -31,7 +31,7 @@ const verifyLiquidity = () => {
   enableSelectButton.value = false;
   selectedDeposit.value = null;
 
-  if (!walletAddress.value) return;
+  if (!walletAddress.value || tokenValue.value == 0) return;
 
   depositList.value.forEach((deposit) => {
     const p2pixTokenValue = blockchain.verifyDepositAmmount(
@@ -68,9 +68,7 @@ const emit = defineEmits(["tokenBuy"]);
         tokens após realizar o Pix</span
       >
     </div>
-    <div
-      class="blur-container"
-    >
+    <div class="blur-container">
       <div
         class="flex flex-col w-full bg-white px-10 py-5 rounded-lg border-y-10"
       >
@@ -86,7 +84,9 @@ const emit = defineEmits(["tokenBuy"]);
             placeholder="0  "
             step=".01"
           />
-          <div class="flex flex-row p-2 px-3 bg-gray-300 rounded-3xl min-w-fit gap-1">
+          <div
+            class="flex flex-row p-2 px-3 bg-gray-300 rounded-3xl min-w-fit gap-1"
+          >
             <img alt="Token image" class="w-fit" src="@/assets/brz.svg" />
             <span class="text-gray-900 text-lg w-fit" id="brz">BRZ</span>
           </div>
@@ -127,7 +127,7 @@ const emit = defineEmits(["tokenBuy"]);
         v-if="walletAddress"
         :text="'Confirmar compra'"
         :is-disabled="!enableSelectButton"
-        @buttonClicked="emit('tokenBuy')"
+        @buttonClicked="emit('tokenBuy', { selectedDeposit, tokenValue })"
       />
     </div>
   </div>
@@ -157,7 +157,7 @@ const emit = defineEmits(["tokenBuy"]);
 }
 
 .blur-container {
-  @apply flex flex-col justify-center items-center px-8 py-6 gap-2 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-10
+  @apply flex flex-col justify-center items-center px-8 py-6 gap-2 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-10;
 }
 
 input[type="number"] {
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 546bb34..7a1afc9 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import SearchComponent from "../components/SearchComponent.vue";
 
-const confirmBuyClick = () => {
+const confirmBuyClick = ({ selectedDeposit, tokenValue }: any) => {
   // finish buy screen
+  console.log(selectedDeposit);
+  console.log(tokenValue);
   console.log("compra confirmada");
 };
 </script>
 
 <template>
-  <SearchComponent @token-buy="confirmBuyClick()" />
+  <SearchComponent @token-buy="confirmBuyClick" />
 </template>
 
 <style scoped></style>