diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue index 4e090e1..4bb2d1c 100644 --- a/src/components/ListingComponent/ListingComponent.vue +++ b/src/components/ListingComponent/ListingComponent.vue @@ -63,8 +63,17 @@ const callWithdraw = () => { emit("depositWithdrawn", withdrawAmount.value); }; +watch(enableConfirmButton, (): void => { + if (!enableConfirmButton.value) { + withdrawButtonOpacity.value = 0.7; + withdrawButtonCursor.value = "not-allowed"; + } else { + withdrawButtonOpacity.value = 1; + withdrawButtonCursor.value = "pointer"; + } +}); + watch(withdrawAmount, (): void => { - console.log(enableConfirmButton.value) if (!withdrawAmount.value || !enableConfirmButton.value) { withdrawButtonOpacity.value = 0.7; withdrawButtonCursor.value = "not-allowed";