From 5f753a62ca0d19ef2654d1ce73d822e7923e825b Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Mon, 12 Dec 2022 17:05:50 -0300
Subject: [PATCH] add an .env.example file and fix lint warnings

---
 .env.example                           |  1 +
 .gitignore                             |  2 ++
 src/components/QrCodeComponent.vue     |  9 ++++++---
 src/components/ValidationComponent.vue |  4 +---
 src/services/index.ts                  |  2 +-
 src/views/HomeView.vue                 | 13 +++++++------
 6 files changed, 18 insertions(+), 13 deletions(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..865370d
--- /dev/null
+++ b/.env.example
@@ -0,0 +1 @@
+VITE_API_URL=http://localhost:8000/
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index dbad7b9..941a1f4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,5 @@ coverage
 *.sln
 *.sw?
 .vercel
+
+.env
\ No newline at end of file
diff --git a/src/components/QrCodeComponent.vue b/src/components/QrCodeComponent.vue
index 3630677..de3f84a 100644
--- a/src/components/QrCodeComponent.vue
+++ b/src/components/QrCodeComponent.vue
@@ -32,7 +32,7 @@ const handleInputEvent = (event: any) => {
 };
 
 const validatePix = async (e2eid: any) => {
-  if(e2eid == ''){
+  if (e2eid == "") {
     isPixValid.value = false;
     isCodeInputEmpty.value = true;
     return;
@@ -40,7 +40,7 @@ const validatePix = async (e2eid: any) => {
   var sellerPixKey = props.pixTarget;
   var transactionValue = props.tokenValue;
 
-  if(sellerPixKey && transactionValue){
+  if (sellerPixKey && transactionValue) {
     var body_req = {
       e2e_id: e2eid,
       pix_key: sellerPixKey,
@@ -108,7 +108,10 @@ const validatePix = async (e2eid: any) => {
           class="text-md w-full box-border p-2 h-6 mb-2 outline-none"
         />
         <div class="custom-divide" v-if="!isCodeInputEmpty"></div>
-        <div class="flex flex-col w-full" v-if="!isPixValid && !isCodeInputEmpty">
+        <div
+          class="flex flex-col w-full"
+          v-if="!isPixValid && !isCodeInputEmpty"
+        >
           <div class="flex items-center h-8">
             <img
               alt="Invalid Icon"
diff --git a/src/components/ValidationComponent.vue b/src/components/ValidationComponent.vue
index c809a30..a40a2c7 100644
--- a/src/components/ValidationComponent.vue
+++ b/src/components/ValidationComponent.vue
@@ -1,6 +1,4 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 <template>
   <div class="page">
     <div class="text-container">
diff --git a/src/services/index.ts b/src/services/index.ts
index 1d654ac..8f4cc1a 100644
--- a/src/services/index.ts
+++ b/src/services/index.ts
@@ -8,7 +8,7 @@ const defaultConfig = {
 
 const api = axios.create({
   ...defaultConfig,
-  baseURL: import.meta.env.VITE_BASE_URL,
+  baseURL: import.meta.env.VITE_API_URL,
 });
 
 export default api;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 5dcb4c2..f98dcbc 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -32,8 +32,6 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
   await blockchain
     .mapDeposits(depositId)
     .then((deposit) => (depositDetail = deposit));
-  console.log(tokenValue);
-  console.log('aqui', depositDetail);
   tokens.value = tokenValue;
   pixTarget.value = depositDetail?.pixTarget;
 
@@ -42,7 +40,7 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
     flowStep.value = Step.Buy;
     etherStore.setLoadingLock(true);
 
-    await blockchain.addLock(depositId, tokenValue).catch((_error) => {
+    await blockchain.addLock(depositId, tokenValue).catch(() => {
       flowStep.value = Step.Search;
     });
 
@@ -67,14 +65,17 @@ const confirmBuyClick = async ({ selectedDeposit, tokenValue }: any) => {
 </script>
 
 <template>
-  <SearchComponent v-if="(flowStep == Step.Search)" @token-buy="confirmBuyClick" />
-  <div v-if="(flowStep == Step.Buy)">
+  <SearchComponent
+    v-if="flowStep == Step.Search"
+    @token-buy="confirmBuyClick"
+  />
+  <div v-if="flowStep == Step.Buy">
     <QrCodeComponent
       :pixTarget="pixTarget"
       :tokenValue="tokens"
       v-if="!loadingLock"
     />
-    <ValidationComponent v-if="loadingLock"/>
+    <ValidationComponent v-if="loadingLock" />
   </div>
 </template>