add fee priority selector to Monero wallet withdraw form.
Expose GUI-style priority options in the CMS and include the chosen priority in withdrawal confirmation.
This commit is contained in:
@@ -49,6 +49,7 @@
|
||||
<el-form-item label="Destination address" prop="destinationAddress">
|
||||
<el-input
|
||||
v-model="withdrawForm.destinationAddress"
|
||||
class="withdraw-address-input"
|
||||
autocomplete="off"
|
||||
:placeholder="`${walletStatus.network} Monero address`"
|
||||
:disabled="withdrawing"
|
||||
@@ -56,6 +57,17 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Fee priority" prop="priority">
|
||||
<el-select v-model="withdrawForm.priority" class="fee-priority-select" :disabled="withdrawing">
|
||||
<el-option
|
||||
v-for="option in moneroWithdrawPriorityOptions"
|
||||
:key="option.value"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-button type="primary" native-type="submit" :loading="withdrawing">
|
||||
Withdraw all unlocked funds
|
||||
</el-button>
|
||||
@@ -90,9 +102,12 @@
|
||||
import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus';
|
||||
import { computed, onBeforeMount, reactive, ref } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { moneroWithdrawPriorityOptions } from '@/consts/moneroWallet/moneroWithdrawPriorityOptions';
|
||||
import { MoneroWithdrawPriority } from '@/types/moneroWallet/MoneroWithdrawPriority';
|
||||
import { WalletSyncStatus } from '@/types/wallet/WalletSyncStatus';
|
||||
import { useMoneroWalletStore } from '@/stores/moneroWallet';
|
||||
import { isMoneroStandardAddress } from '@/utils/monero/isMoneroStandardAddress';
|
||||
import { resolveMoneroWithdrawPriorityLabel } from '@/utils/monero/resolveMoneroWithdrawPriorityLabel';
|
||||
import { resolveAxiosErrorMessage } from '@/utils/resolveAxiosErrorMessage';
|
||||
import { resolveWalletSyncStatusLabel } from '@/utils/wallet/resolveWalletSyncStatusLabel';
|
||||
import { resolveWalletSyncStatusTagType } from '@/utils/wallet/resolveWalletSyncStatusTagType';
|
||||
@@ -110,7 +125,8 @@ const withdrawing = ref(false);
|
||||
const revealingSeed = ref(false);
|
||||
const withdrawFormRef = ref<FormInstance>();
|
||||
const withdrawForm = reactive({
|
||||
destinationAddress: ''
|
||||
destinationAddress: '',
|
||||
priority: MoneroWithdrawPriority.Automatic
|
||||
});
|
||||
const seedDialogVisible = ref(false);
|
||||
const revealedMnemonic = ref('');
|
||||
@@ -209,11 +225,17 @@ const onWithdrawSubmit = async (): Promise<void> => {
|
||||
const trimmedAddress = withdrawForm.destinationAddress.trim();
|
||||
|
||||
try {
|
||||
await ElMessageBox.confirm(`Withdraw all unlocked funds to:\n${trimmedAddress}`, 'Confirm withdrawal', {
|
||||
confirmButtonText: 'Continue',
|
||||
cancelButtonText: 'Cancel',
|
||||
type: 'warning'
|
||||
});
|
||||
const priorityLabel = resolveMoneroWithdrawPriorityLabel(withdrawForm.priority);
|
||||
|
||||
await ElMessageBox.confirm(
|
||||
`Withdraw all unlocked funds at ${priorityLabel} fee to:\n${trimmedAddress}`,
|
||||
'Confirm withdrawal',
|
||||
{
|
||||
confirmButtonText: 'Continue',
|
||||
cancelButtonText: 'Cancel',
|
||||
type: 'warning'
|
||||
}
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
@@ -229,6 +251,7 @@ const onWithdrawSubmit = async (): Promise<void> => {
|
||||
try {
|
||||
const result = await withdrawAll({
|
||||
destinationAddress: trimmedAddress,
|
||||
priority: withdrawForm.priority,
|
||||
password
|
||||
});
|
||||
|
||||
@@ -290,3 +313,14 @@ const clearSeed = (): void => {
|
||||
revealedMnemonic.value = '';
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.withdraw-address-input {
|
||||
width: 100%;
|
||||
max-width: min(560px, 100%);
|
||||
}
|
||||
|
||||
.fee-priority-select {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user