preparing props for next steps fafter search

src/views/HomeView.vue

@@ -1,11 +1,16 @@
 <script setup lang="ts">
 import SearchComponent from "../components/SearchComponent.vue";
+import blockchain from "../utils/blockchain";
 
-const confirmBuyClick = ({ selectedDeposit, tokenValue }: any) => {
+const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
   // finish buy screen
   console.log(selectedDeposit);
+  let depositDetail;
+  await blockchain
+    .mapDeposits(selectedDeposit["args"]["depositID"])
+    .then((deposit) => (depositDetail = deposit));
   console.log(tokenValue);
-  console.log("compra confirmada");
+  console.log(depositDetail);
 };
 </script>
 

src/views/MockView.vue

@@ -69,7 +69,7 @@ const mapDeposit = (depositId: BigNumber) => {
         :key="deposit['blockNumber']"
         @click="mapDeposit(deposit['args']['depositID'])"
       >
-        Address:<br>{{ deposit["args"]["0"] }}<br>
+        Address:<br />{{ deposit["args"]["0"] }}<br />
         MRBZ: {{ blockchain.formatEther(deposit["args"]["amount"]) }}
       </li>
     </ul>