Fix single root element vue standards
This commit is contained in:
Vagner
parent
6e59f77153
commit
e6117d77d7
@ -17,50 +17,52 @@ if (props.isRedirectModal) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div>
|
||||||
class="modal-overlay inset-0 fixed justify-center backdrop-blur-sm sm:backdrop-blur-none"
|
<div
|
||||||
v-if="!isRedirectModal"
|
class="modal-overlay inset-0 fixed justify-center backdrop-blur-sm sm:backdrop-blur-none"
|
||||||
>
|
v-if="!isRedirectModal"
|
||||||
<div class="modal px-5 text-center">
|
>
|
||||||
<p
|
<div class="modal px-5 text-center">
|
||||||
class="text-black tracking-tighter leading-tight my-6 mx-2 text-justify"
|
<p
|
||||||
>
|
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.
|
<strong>ATENÇÃO!</strong>
|
||||||
Caso contrário não conseguiremos comprovar o seu depósito e não será
|
A transação só será processada após inserir o código de autenticação.
|
||||||
possível transferir os tokens para sua carteira.
|
Caso contrário não conseguiremos comprovar o seu depósito e não será
|
||||||
</p>
|
possível transferir os tokens para sua carteira.
|
||||||
<button
|
</p>
|
||||||
@click="$emit('close-modal')"
|
|
||||||
class="border-2 border-solid border-amber-400 mt-2"
|
|
||||||
>
|
|
||||||
Entendi
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="modal-overlay inset-0 fixed justify-center backdrop-blur-sm"
|
|
||||||
v-if="isRedirectModal"
|
|
||||||
>
|
|
||||||
<div class="modal px-5 text-center">
|
|
||||||
<p
|
|
||||||
class="text-black text-lg tracking-tighter leading-tight my-6 mx-2 text-justify font-semibold"
|
|
||||||
>
|
|
||||||
Retomar a última compra?
|
|
||||||
</p>
|
|
||||||
<div class="flex justify-around items-center px-2">
|
|
||||||
<button
|
<button
|
||||||
@click="$emit('close-modal')"
|
@click="$emit('close-modal')"
|
||||||
class="border-2 border-solid border-white-400 mt-2 font-semibold"
|
class="border-2 border-solid border-amber-400 mt-2"
|
||||||
>
|
>
|
||||||
Não
|
Entendi
|
||||||
</button>
|
</button>
|
||||||
<button
|
</div>
|
||||||
@click="$emit('go-to-lock')"
|
</div>
|
||||||
class="border-2 border-solid border-white-400 mt-2 font-semibold"
|
<div
|
||||||
|
class="modal-overlay inset-0 fixed justify-center backdrop-blur-sm"
|
||||||
|
v-if="isRedirectModal"
|
||||||
|
>
|
||||||
|
<div class="modal px-5 text-center">
|
||||||
|
<p
|
||||||
|
class="text-black text-lg tracking-tighter leading-tight my-6 mx-2 text-justify font-semibold"
|
||||||
>
|
>
|
||||||
Sim
|
Retomar a última compra?
|
||||||
</button>
|
</p>
|
||||||
|
<div class="flex justify-around items-center px-2">
|
||||||
|
<button
|
||||||
|
@click="$emit('close-modal')"
|
||||||
|
class="border-2 border-solid border-white-400 mt-2 font-semibold"
|
||||||
|
>
|
||||||
|
Não
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click="$emit('go-to-lock')"
|
||||||
|
class="border-2 border-solid border-white-400 mt-2 font-semibold"
|
||||||
|
>
|
||||||
|
Sim
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -119,46 +119,48 @@ onMounted(async () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<SearchComponent
|
<div>
|
||||||
v-if="flowStep == Step.Search"
|
<SearchComponent
|
||||||
@token-buy="confirmBuyClick"
|
v-if="flowStep == Step.Search"
|
||||||
/>
|
@token-buy="confirmBuyClick"
|
||||||
<CustomAlert
|
|
||||||
v-if="flowStep == Step.Search && showModal"
|
|
||||||
:type="'redirect'"
|
|
||||||
@close-alert="showModal = false"
|
|
||||||
@go-to-lock="flowStep = Step.Buy"
|
|
||||||
/>
|
|
||||||
<CustomAlert
|
|
||||||
v-if="
|
|
||||||
flowStep == Step.List && showBuyAlert && !loadingLock && !loadingRelease
|
|
||||||
"
|
|
||||||
:type="'buy'"
|
|
||||||
@close-alert="showBuyAlert = false"
|
|
||||||
/>
|
|
||||||
<div v-if="flowStep == Step.Buy">
|
|
||||||
<QrCodeComponent
|
|
||||||
:pixTarget="String(pixTarget)"
|
|
||||||
:tokenValue="tokenAmount"
|
|
||||||
@pix-validated="releaseTransaction"
|
|
||||||
v-if="!loadingLock"
|
|
||||||
/>
|
/>
|
||||||
<LoadingComponent
|
<CustomAlert
|
||||||
v-if="loadingLock"
|
v-if="flowStep == Step.Search && showModal"
|
||||||
:message="'A transação está sendo enviada para a rede'"
|
:type="'redirect'"
|
||||||
|
@close-alert="showModal = false"
|
||||||
|
@go-to-lock="flowStep = Step.Buy"
|
||||||
/>
|
/>
|
||||||
</div>
|
<CustomAlert
|
||||||
<div v-if="flowStep == Step.List">
|
v-if="
|
||||||
<div class="flex flex-col gap-10" v-if="!loadingRelease">
|
flowStep == Step.List && showBuyAlert && !loadingLock && !loadingRelease
|
||||||
<BuyConfirmedComponent
|
"
|
||||||
:tokenAmount="tokenAmount"
|
:type="'buy'"
|
||||||
:is-current-step="flowStep == Step.List"
|
@close-alert="showBuyAlert = false"
|
||||||
@make-another-transaction="flowStep = Step.Search"
|
/>
|
||||||
|
<div v-if="flowStep == Step.Buy">
|
||||||
|
<QrCodeComponent
|
||||||
|
:pixTarget="String(pixTarget)"
|
||||||
|
:tokenValue="tokenAmount"
|
||||||
|
@pix-validated="releaseTransaction"
|
||||||
|
v-if="!loadingLock"
|
||||||
|
/>
|
||||||
|
<LoadingComponent
|
||||||
|
v-if="loadingLock"
|
||||||
|
:message="'A transação está sendo enviada para a rede'"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div v-if="flowStep == Step.List">
|
||||||
|
<div class="flex flex-col gap-10" v-if="!loadingRelease">
|
||||||
|
<BuyConfirmedComponent
|
||||||
|
:tokenAmount="tokenAmount"
|
||||||
|
:is-current-step="flowStep == Step.List"
|
||||||
|
@make-another-transaction="flowStep = Step.Search"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<LoadingComponent
|
||||||
|
v-if="loadingRelease"
|
||||||
|
:message="'A transação está sendo enviada para a rede. Em breve os tokens serão depositados em sua carteira.'"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<LoadingComponent
|
|
||||||
v-if="loadingRelease"
|
|
||||||
:message="'A transação está sendo enviada para a rede. Em breve os tokens serão depositados em sua carteira.'"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -86,30 +86,32 @@ watch(networkName, async () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<CustomAlert
|
<div>
|
||||||
v-if="showAlert"
|
<CustomAlert
|
||||||
:type="'withdraw'"
|
v-if="showAlert"
|
||||||
@close-alert="showAlert = false"
|
:type="'withdraw'"
|
||||||
/>
|
@close-alert="showAlert = false"
|
||||||
<div class="page">
|
/>
|
||||||
<div class="header" v-if="!loadingWithdraw && !walletAddress">
|
<div class="page">
|
||||||
Por Favor Conecte Sua Carteira
|
<div class="header" v-if="!loadingWithdraw && !walletAddress">
|
||||||
</div>
|
Por Favor Conecte Sua Carteira
|
||||||
<div class="header" v-if="!loadingWithdraw && walletAddress">
|
</div>
|
||||||
Gerenciar Ofertas
|
<div class="header" v-if="!loadingWithdraw && walletAddress">
|
||||||
</div>
|
Gerenciar Ofertas
|
||||||
<div class="w-full max-w-4xl">
|
</div>
|
||||||
<ListingComponent
|
<div class="w-full max-w-4xl">
|
||||||
v-if="!loadingWithdraw && walletAddress"
|
<ListingComponent
|
||||||
:valid-deposits="depositList"
|
v-if="!loadingWithdraw && walletAddress"
|
||||||
:wallet-transactions="transactionsList"
|
:valid-deposits="depositList"
|
||||||
:active-lock-amount="activeLockAmount"
|
:wallet-transactions="transactionsList"
|
||||||
@deposit-withdrawn="callWithdraw"
|
:active-lock-amount="activeLockAmount"
|
||||||
></ListingComponent>
|
@deposit-withdrawn="callWithdraw"
|
||||||
<LoadingComponent
|
></ListingComponent>
|
||||||
v-if="loadingWithdraw"
|
<LoadingComponent
|
||||||
:message="'A transação está sendo enviada para a rede. Em breve os tokens serão depositados em sua carteira.'"
|
v-if="loadingWithdraw"
|
||||||
/>
|
:message="'A transação está sendo enviada para a rede. Em breve os tokens serão depositados em sua carteira.'"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -61,29 +61,31 @@ const sendNetwork = async () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div v-if="flowStep == Step.Sell">
|
<div>
|
||||||
<WantSellComponent v-if="!loading" @approve-tokens="approveOffer" />
|
<div v-if="flowStep == Step.Sell">
|
||||||
<LoadingComponent
|
<WantSellComponent v-if="!loading" @approve-tokens="approveOffer" />
|
||||||
v-if="loading"
|
<LoadingComponent
|
||||||
:message="'A transação está sendo enviada para a rede.'"
|
v-if="loading"
|
||||||
/>
|
:message="'A transação está sendo enviada para a rede.'"
|
||||||
</div>
|
/>
|
||||||
<CustomAlert
|
</div>
|
||||||
v-if="flowStep == Step.Sell && showAlert"
|
<CustomAlert
|
||||||
:type="'sell'"
|
v-if="flowStep == Step.Sell && showAlert"
|
||||||
@close-alert="showAlert = false"
|
:type="'sell'"
|
||||||
/>
|
@close-alert="showAlert = false"
|
||||||
<div v-if="flowStep == Step.Network">
|
|
||||||
<SendNetwork
|
|
||||||
:pixKey="pixKeyBuyer"
|
|
||||||
:offer="Number(offerValue)"
|
|
||||||
:selected-token="etherStore.selectedToken"
|
|
||||||
v-if="!loading"
|
|
||||||
@send-network="sendNetwork"
|
|
||||||
/>
|
|
||||||
<LoadingComponent
|
|
||||||
v-if="loading"
|
|
||||||
:message="'A transação está sendo enviada para a rede.'"
|
|
||||||
/>
|
/>
|
||||||
|
<div v-if="flowStep == Step.Network">
|
||||||
|
<SendNetwork
|
||||||
|
:pixKey="pixKeyBuyer"
|
||||||
|
:offer="Number(offerValue)"
|
||||||
|
:selected-token="etherStore.selectedToken"
|
||||||
|
v-if="!loading"
|
||||||
|
@send-network="sendNetwork"
|
||||||
|
/>
|
||||||
|
<LoadingComponent
|
||||||
|
v-if="loading"
|
||||||
|
:message="'A transação está sendo enviada para a rede.'"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user