feat: align orderType selection between entry and exit form

This commit is contained in:
Matthias 2024-11-05 20:23:34 +01:00
parent c72a4826f2
commit b32e49a36c

View File

@ -65,6 +65,10 @@ const amountInBase = computed<string>(() => {
? `~${formatPriceCurrency(amountDebounced.value * props.trade.current_rate, props.trade.quote_currency || '', props.stakeCurrencyDecimals)} (Estimated value) ` ? `~${formatPriceCurrency(amountDebounced.value * props.trade.current_rate, props.trade.quote_currency || '', props.stakeCurrencyDecimals)} (Estimated value) `
: ''; : '';
}); });
const orderTypeOptions = [
{ value: 'market', text: 'Market' },
{ value: 'limit', text: 'Limit' },
];
</script> </script>
<template> <template>
@ -109,13 +113,16 @@ const amountInBase = computed<string>(() => {
invalid-feedback="OrderType" invalid-feedback="OrderType"
:state="ordertype !== undefined" :state="ordertype !== undefined"
> >
<BFormSelect <BFormRadioGroup
id="ordertype-input"
v-model="ordertype" v-model="ordertype"
:options="['market', 'limit']" :options="orderTypeOptions"
style="min-width: 7em" name="radios-btn-orderType"
buttons
button-variant="outline-primary"
style="min-width: 10em"
size="sm" size="sm"
> ></BFormRadioGroup>
</BFormSelect>
</BFormGroup> </BFormGroup>
</form> </form>
</BModal> </BModal>