From be7c1c613203b84ed1dfa0929b65843de26a64f6 Mon Sep 17 00:00:00 2001
From: Filipe Soccol <filipe.soccol@gmail.com>
Date: Fri, 8 Nov 2024 14:29:14 -0300
Subject: [PATCH] More visual adjustments.

---
 src/components/CustomModal/CustomModal.vue    |  4 +-
 .../ListingComponent/ListingComponent.vue     |  4 +-
 .../LoadingComponent/LoadingComponent.vue     |  2 +-
 src/components/QrCodeComponent.vue            | 46 ++-----------------
 src/utils/networkLiquidity.ts                 |  5 --
 src/views/ManageBidsView.vue                  |  2 +-
 6 files changed, 9 insertions(+), 54 deletions(-)

diff --git a/src/components/CustomModal/CustomModal.vue b/src/components/CustomModal/CustomModal.vue
index 5fed482..5bb5495 100644
--- a/src/components/CustomModal/CustomModal.vue
+++ b/src/components/CustomModal/CustomModal.vue
@@ -27,8 +27,8 @@ if (props.isRedirectModal) {
           class="text-black tracking-tighter leading-tight my-6 mx-2 text-justify"
         >
           <strong>ATENÇÃO!</strong>
-          A transação só será processada após inserir o código de autenticação.
-          Caso contrário não conseguiremos comprovar o seu depósito e não será
+          A transação só será processada após efetuado o pagamento do Pix. Caso
+          contrário não conseguiremos comprovar o seu depósito e não será
           possível transferir os tokens para sua carteira.
         </p>
         <button
diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue
index f967286..1ffe1ea 100644
--- a/src/components/ListingComponent/ListingComponent.vue
+++ b/src/components/ListingComponent/ListingComponent.vue
@@ -162,10 +162,10 @@ showInitialItems();
 </script>
 
 <template>
-  <div class="main-container !w-full !max-w-full" v-if="loadingWalletTransactions">
+  <div class="main-container max-w-md" v-if="loadingWalletTransactions">
     <SpinnerComponent width="8" height="8"></SpinnerComponent>
   </div>
-  <div class="main-container !w-full !max-w-full" v-if="!loadingWalletTransactions">
+  <div class="main-container max-w-md" v-if="!loadingWalletTransactions">
     <div
       class="w-full bg-white p-4 sm:p-6 rounded-lg"
       v-if="props.validDeposits.length > 0"
diff --git a/src/components/LoadingComponent/LoadingComponent.vue b/src/components/LoadingComponent/LoadingComponent.vue
index 30db539..14e1c31 100644
--- a/src/components/LoadingComponent/LoadingComponent.vue
+++ b/src/components/LoadingComponent/LoadingComponent.vue
@@ -15,7 +15,7 @@ const props = defineProps({
         {{ props.title ? props.title : "Confirme em sua carteira" }}
       </span>
     </div>
-    <div class="main-container !sm:w-[26rem] !w-[20rem]">
+    <div class="main-container max-w-md">
       <div
         class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg border-y-10"
       >
diff --git a/src/components/QrCodeComponent.vue b/src/components/QrCodeComponent.vue
index af4fbc0..db31f71 100644
--- a/src/components/QrCodeComponent.vue
+++ b/src/components/QrCodeComponent.vue
@@ -93,11 +93,11 @@ onUnmounted(() => {
         Utilize o QR Code ou copie o código para realizar o Pix
       </span>
       <span class="text font-medium lg:text-md text-sm max-w-[28rem]">
-        Após realizar o Pix no banco de sua preferência, insira o código de
-        autenticação para enviar a transação para a rede.
+        Após realizar o Pix no banco de sua preferência, clique no botão abaixo
+        para gerar a assinatura para liberação dos tokens.
       </span>
     </div>
-    <div class="main-container sm:max-w-[28rem] max-w-[20rem] text-black">
+    <div class="main-container max-w-md text-black">
       <div
         class="flex-col items-center justify-center flex w-full bg-white sm:p-8 p-4 rounded-lg break-normal"
       >
@@ -122,46 +122,6 @@ onUnmounted(() => {
           carteira. Confira aqui como encontrar o código no comprovante.
         </span>
       </div>
-      <div
-        class="flex-col items-center justify-center flex w-full bg-white p-5 rounded-lg px-5"
-      >
-        <input
-          type="text"
-          placeholder="Digite o código do comprovante PIX"
-          @input="debounce(handleInputEvent, 500)($event)"
-          class="sm:text-md text-sm w-full box-border p-2 sm:h-6 h-2 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 items-center h-8">
-            <img
-              alt="Invalid Icon"
-              src="@/assets/invalidIcon.svg?url"
-              width="14"
-              class="cursor-pointer align-middle inline-block"
-            />
-            <span class="px-1 text-red-500 font-normal text-xs"
-              >Código inválido. Por favor, confira e tente novamente.</span
-            >
-          </div>
-        </div>
-        <div class="flex flex-col w-full" v-else-if="isPixValid == true">
-          <div class="flex items-center h-8">
-            <img
-              alt="Valid Icon"
-              src="@/assets/validIcon.svg?url"
-              width="14"
-              class="cursor-pointer align-middle inline-block"
-            />
-            <span class="px-1 text-green-500 font-normal text-sm">
-              Código válido.
-            </span>
-          </div>
-        </div>
-      </div>
       <CustomButton
         :is-disabled="isPixValid == false"
         :text="'Enviar para a rede'"
diff --git a/src/utils/networkLiquidity.ts b/src/utils/networkLiquidity.ts
index 0321646..8715467 100644
--- a/src/utils/networkLiquidity.ts
+++ b/src/utils/networkLiquidity.ts
@@ -33,11 +33,6 @@ const verifyNetworkLiquidity = (
     },
     []
   );
-
-  console.log(
-    "uniqueNetworkDeposits",
-    JSON.stringify(uniqueNetworkDeposits, null, 2)
-  );
   return uniqueNetworkDeposits;
 };
 
diff --git a/src/views/ManageBidsView.vue b/src/views/ManageBidsView.vue
index 94b4f2c..2fa2e17 100644
--- a/src/views/ManageBidsView.vue
+++ b/src/views/ManageBidsView.vue
@@ -103,7 +103,7 @@ watch(networkName, async () => {
       <div class="header" v-if="!loadingWithdraw && walletAddress">
         Gerenciar Ofertas
       </div>
-      <div class="w-full max-w-4xl">
+      <div class="w-full max-w-4xl flex justify-center">
         <ListingComponent
           v-if="!loadingWithdraw && walletAddress"
           :valid-deposits="depositList"