diff --git a/frontend/src/components/BookPage/BookControl.tsx b/frontend/src/components/BookPage/BookControl.tsx index 76651011..f7d85da0 100644 --- a/frontend/src/components/BookPage/BookControl.tsx +++ b/frontend/src/components/BookPage/BookControl.tsx @@ -17,6 +17,8 @@ import { paymentMethods, swapDestinations } from '../payment-methods/Methods'; import FlagWithProps from '../FlagWithProps'; import PaymentIcon from '../payment-methods/Icons'; +import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'; + interface BookControlProps { width: number; type: number; @@ -191,17 +193,30 @@ const BookControl = ({ size='small' label={t('Select Payment Method')} required={true} - renderValue={(value) => ( -
- -
- )} + renderValue={(value) => + value == 'ANY' ? ( + + ) : ( +
+ +
+ ) + } inputProps={{ style: { textAlign: 'center' }, }} - value={paymentMethod[0] ? paymentMethod[0] : ''} + value={paymentMethod[0] ? paymentMethod[0] : 'ANY'} onChange={(e) => setPaymentMethods([e.target.value])} > + +
+ +
+ + {' ' + t('ANY')} + +
+ {currency === 1000 ? swapDestinations.map((method, index) => (