diff --git a/src/components/SearchComponent.vue b/src/components/SearchComponent.vue index e2f376a..e978a4c 100644 --- a/src/components/SearchComponent.vue +++ b/src/components/SearchComponent.vue @@ -13,6 +13,7 @@ const { walletAddress, depositList } = storeToRefs(etherStore); const tokenValue = ref(0); const enableSelectButton = ref(false); const hasLiquidity = ref(true); +const validDecimals = ref(true) const selectedDeposit = ref(); const connectAccount = async () => { @@ -24,9 +25,25 @@ const handleInputEvent = (event: any) => { const { value } = event.target; tokenValue.value = Number(value); + + if (decimalCount(tokenValue.value) > 2){ + validDecimals.value = false; + enableSelectButton.value = false; + return; + } + validDecimals.value = true; + verifyLiquidity(); }; +const decimalCount = (num: Number) => { + const numStr = String(num); + if (numStr.includes('.')) { + return numStr.split('.')[1].length; + }; + return 0; +} + const verifyLiquidity = () => { enableSelectButton.value = false; selectedDeposit.value = null; @@ -112,7 +129,12 @@ const emit = defineEmits(["tokenBuy"]); /> -
+
+ Por favor utilize no máximo 2 casas decimais +
+
Atualmente não há liquidez nas redes para sua demanda diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue index c43399d..710503b 100644 --- a/src/components/TopBar.vue +++ b/src/components/TopBar.vue @@ -37,6 +37,7 @@ const formatWalletBalance = (): string => { src="@/assets/logo.svg" width="75" height="75" + @load="connectMetaMask()" />
diff --git a/src/views/MockView.vue b/src/views/MockView.vue index 31962f9..e8ed8f2 100644 --- a/src/views/MockView.vue +++ b/src/views/MockView.vue @@ -69,8 +69,8 @@ const mapDeposit = (depositId: BigNumber) => { :key="deposit['blockNumber']" @click="mapDeposit(deposit['args']['depositID'])" > - {{ deposit["args"]["0"] }} : MRBZ - {{ blockchain.formatEther(deposit["args"]["amount"]) }} + Address:
{{ deposit["args"]["0"] }}
+ MRBZ: {{ blockchain.formatEther(deposit["args"]["amount"]) }}