RoboSats/robosats
1
1
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2024-09-19 09:49:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add 'any' option to payment methods filter

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-10-16 01:48:08 -07:00
parent a8c2af5824
commit 3e2b48862f
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/BookPage/BookControl.tsx
View File

@ -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) => (
<div style={{ display: 'flex', alignItems: 'center' }}>
<PaymentIcon width={22} height={22} icon={value.icon} />
</div>
)}
renderValue={(value) =>
value == 'ANY' ? (
<CheckBoxOutlineBlankIcon style={{ position: 'relative', top: '0.1em' }} />
) : (
<div style={{ display: 'flex', alignItems: 'center' }}>
<PaymentIcon width={22} height={22} icon={value.icon} />
</div>
)
}
inputProps={{
style: { textAlign: 'center' },
}}
value={paymentMethod[0] ? paymentMethod[0] : ''}
value={paymentMethod[0] ? paymentMethod[0] : 'ANY'}
onChange={(e) => setPaymentMethods([e.target.value])}
>
<MenuItem value={'ANY'}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<CheckBoxOutlineBlankIcon />
<div style={{ width: '0.3em' }} />
<Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
{' ' + t('ANY')}
</Typography>
</div>
</MenuItem>
{currency === 1000
? swapDestinations.map((method, index) => (
<MenuItem