Fix swap icons color

This commit is contained in:
aftermath2
2023-04-01 12:00:00 +00:00
parent 962d2e68a2
commit 41c48d3fe0

View File

@ -90,10 +90,10 @@ const BookControl = ({
component = <SendReceiveIcon color='primary' />; component = <SendReceiveIcon color='primary' />;
text = t('Buy'); text = t('Buy');
} else if (value === 'swapin') { } else if (value === 'swapin') {
component = <SwapCalls color='secondary' />; component = <SwapCalls color='primary' />;
text = t('Swap In'); text = t('Swap In');
} else if (value === 'swapout') { } else if (value === 'swapout') {
component = <SwapCalls color='primary' />; component = <SwapCalls color='secondary' />;
text = t('Swap Out'); text = t('Swap Out');
} }
@ -159,14 +159,6 @@ const BookControl = ({
</Typography> </Typography>
</div> </div>
</MenuItem> </MenuItem>
<MenuItem value='sell' style={{ width: '8em' }}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<SendReceiveIcon color='secondary' sx={{ transform: 'scaleX(-1)' }} />
<Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
{' ' + t('Sell')}
</Typography>
</div>
</MenuItem>
<MenuItem value='buy' style={{ width: '8em' }}> <MenuItem value='buy' style={{ width: '8em' }}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}> <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<SendReceiveIcon color='primary' /> <SendReceiveIcon color='primary' />
@ -175,9 +167,17 @@ const BookControl = ({
</Typography> </Typography>
</div> </div>
</MenuItem> </MenuItem>
<MenuItem value='sell' style={{ width: '8em' }}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<SendReceiveIcon color='secondary' sx={{ transform: 'scaleX(-1)' }} />
<Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
{' ' + t('Sell')}
</Typography>
</div>
</MenuItem>
<MenuItem value='swapin' style={{ width: '8em' }}> <MenuItem value='swapin' style={{ width: '8em' }}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}> <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<SwapCalls color='secondary' /> <SwapCalls color='primary' />
<Typography sx={{ width: '2em' }} align='right' color='text.secondary'> <Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
{' ' + t('Swap In')} {' ' + t('Swap In')}
</Typography> </Typography>
@ -185,7 +185,7 @@ const BookControl = ({
</MenuItem> </MenuItem>
<MenuItem value='swapout' style={{ width: '8em' }}> <MenuItem value='swapout' style={{ width: '8em' }}>
<div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}> <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>
<SwapCalls color='primary' /> <SwapCalls color='secondary' />
<Typography sx={{ width: '2em' }} align='right' color='text.secondary'> <Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
{' ' + t('Swap Out')} {' ' + t('Swap Out')}
</Typography> </Typography>