hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

emit event to go back to home view from search screen

Browse Source
This commit is contained in:
RcleydsonR 2022-12-14 20:32:41 -03:00
parent 37f7a05197
commit 1edaf5dd1e
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/ListComponent.vue
View File

@ -8,6 +8,9 @@ const props = defineProps({
tokenAmount: Number, tokenAmount: Number,
}); });
// Emits
const emit = defineEmits(["makeAnotherTransaction"]);
const formatEventsAmount = (amount: any) => { const formatEventsAmount = (amount: any) => {
try { try {
const formated = blockchain.formatBigNumber(amount); const formated = blockchain.formatBigNumber(amount);
@ -52,7 +55,7 @@ const openEtherscanUrl = (url: string) => {
<button <button
type="button" type="button"
class="border-amber-500 border-2 rounded default-button text-white p-2 px-50 min-w-[198px]" class="border-amber-500 border-2 rounded default-button text-white p-2 px-50 min-w-[198px]"
@click="() => {}" @click="emit('makeAnotherTransaction')"
> >
Fazer nova transação Fazer nova transação
</button> </button>
@ -73,12 +76,12 @@ const openEtherscanUrl = (url: string) => {
v-for="release in lastWalletReleaseTransactions" v-for="release in lastWalletReleaseTransactions"
:key="release?.blockNumber" :key="release?.blockNumber"
> >
<p class="last-release-info"> <span class="last-release-info">
{{ formatEventsAmount(release?.args.amount) }} BRZ {{ formatEventsAmount(release?.args.amount) }} BRZ
</p> </span>
<p class="last-release-info"> <span class="last-release-info">
{{ "Compra" }} {{ "Compra" }}
</p> </span>
<div <div
class="flex gap-2 cursor-pointer items-center" class="flex gap-2 cursor-pointer items-center"
@click=" @click="
@ -87,7 +90,7 @@ const openEtherscanUrl = (url: string) => {
) )
" "
> >
<p class="last-release-info">Etherscan</p> <span class="last-release-info">Etherscan</span>
<img alt="Redirect image" src="@/assets/redirect.svg" /> <img alt="Redirect image" src="@/assets/redirect.svg" />
</div> </div>
</div> </div>
@ -134,7 +137,7 @@ p {
} }
.last-release-info { .last-release-info {
@apply font-medium text-base; @apply font-medium text-base text-gray-900;
} }
input[type="number"] { input[type="number"] {

1
src/components/TopBar.vue
View File

@ -37,7 +37,6 @@ const formatWalletBalance = (): string => {
src="@/assets/logo.svg" src="@/assets/logo.svg"
width="75" width="75"
height="75" height="75"
@load="connectMetaMask()"
/> />
<div class="flex gap-4 items-center"> <div class="flex gap-4 items-center">
<button type="button" class="default-button">Quero vender</button> <button type="button" class="default-button">Quero vender</button>

1
src/views/HomeView.vue
View File

@ -109,6 +109,7 @@ const releaseTransaction = async ({ e2eId }: any) => {
v-if="!loadingRelease" v-if="!loadingRelease"
:last-wallet-release-transactions="lastWalletReleaseTransactions" :last-wallet-release-transactions="lastWalletReleaseTransactions"
:tokenAmount="tokenAmount" :tokenAmount="tokenAmount"
@make-another-transaction="flowStep = Step.Search"
/> />
<ValidationComponent <ValidationComponent
v-if="loadingRelease" v-if="loadingRelease"