Fix alerts and modals

src/views/SellerView.vue

@@ -6,6 +6,7 @@ import { approveTokens, addDeposit } from "@/blockchain/sellerMethods";
 
 import { ref } from "vue";
 import { useEtherStore } from "@/store/ether";
+import CustomAlert from "@/components/CustomAlert/CustomAlert.vue";
 
 enum Step {
   Search,
@@ -61,16 +62,17 @@ const sendNetwork = async () => {
 
 <template>
   <div v-if="flowStep == Step.Sell">
-    <WantSellComponent
-      v-if="!loading"
-      @approve-tokens="approveOffer"
-      :showAlert="showAlert"
-    />
+    <WantSellComponent v-if="!loading" @approve-tokens="approveOffer" />
     <LoadingComponent
       v-if="loading"
       :message="'A transação está sendo enviada para a rede.'"
     />
   </div>
+  <CustomAlert
+    v-if="flowStep == Step.Sell && showAlert"
+    :type="'sell'"
+    @close-alert="showAlert = false"
+  />
   <div v-if="flowStep == Step.Network">
     <SendNetwork
       :pixKey="pixKeyBuyer"