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

Add connect wallet button on seller view when wallet is not connected

Browse Source
This commit is contained in:
RcleydsonR 2023-01-18 23:53:46 -03:00
parent 51cf33d22b
commit 6ba113ba86
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/SellerSteps/WantSellComponent.vue
View File

@ -3,8 +3,14 @@ import { ref } from "vue";
import CustomButton from "../CustomButton.vue";
import { debounce } from "@/utils/debounce";
import { decimalCount } from "@/utils/decimalCount";
import { useEtherStore } from "@/store/ether";
import { storeToRefs } from "pinia";
import { connectProvider } from "@/blockchain/provider";
// Reactive state
const etherStore = useEtherStore();
const { walletAddress } = storeToRefs(etherStore);
const offer = ref<string | number>("");
const pixKey = ref<string>("");
@ -28,6 +34,11 @@ const handleInputEvent = (event: any): void => {
}
validDecimals.value = true;
};
const handleButtonClick = async (): Promise<void> => {
if (walletAddress.value) emit("approveTokens", { offer, pixKey });
else await connectProvider();
};
</script>
<template>
@ -90,8 +101,8 @@ const handleInputEvent = (event: any): void => {
</div>
</div>
<CustomButton
:text="'Aprovar tokens'"
@buttonClicked="emit('approveTokens', { offer, pixKey })"
:text="walletAddress ? 'Aprovar tokens' : 'Conectar Carteira'"
@buttonClicked="handleButtonClick()"
/>
</div>
</div>