Small fixes

This commit is contained in:
Reckless_Satoshi 2022-10-20 10:35:49 -07:00
parent 23d6c00ccb
commit 9c6d55cfc7
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
3 changed files with 58 additions and 57 deletions

View File

@ -117,7 +117,6 @@ const Main = (): JSX.Element => {
}); });
}; };
console.log(robot);
return ( return (
<Router basename={basename}> <Router basename={basename}>
<div className='appCenter'> <div className='appCenter'>

View File

@ -208,60 +208,62 @@ const DepthChart: React.FC<DepthChartProps> = ({
/> />
); );
const generateTooltip: React.FunctionComponent<PointTooltipProps> = ( // Unkown Bug. Temporarily silenced until cause is found.
pointTooltip: PointTooltipProps,
) => { // const generateTooltip: React.FunctionComponent<PointTooltipProps> = (
const order: Order = pointTooltip.point.data.order; // pointTooltip: PointTooltipProps,
return order ? ( // ) => {
<Paper elevation={12} style={{ padding: 10, width: 250 }}> // const order: Order = pointTooltip.point.data.order;
<Grid container justifyContent='space-between'> // return order ? (
<Grid item xs={3}> // <Paper elevation={12} style={{ padding: 10, width: 250 }}>
<Grid container justifyContent='center' alignItems='center'> // <Grid container justifyContent='space-between'>
<RobotAvatar // <Grid item xs={3}>
nickname={order.maker_nick} // <Grid container justifyContent='center' alignItems='center'>
orderType={order.type} // <RobotAvatar
statusColor={statusBadgeColor(order.maker_status)} // nickname={order.maker_nick}
tooltip={t(order.maker_status)} // orderType={order.type}
/> // statusColor={statusBadgeColor(order.maker_status)}
</Grid> // tooltip={t(order.maker_status)}
</Grid> // />
<Grid item xs={8}> // </Grid>
<Grid container direction='column' justifyContent='center' alignItems='flex-start'> // </Grid>
<Box>{order.maker_nick}</Box> // <Grid item xs={8}>
<Box> // <Grid container direction='column' justifyContent='center' alignItems='flex-start'>
<Grid // <Box>{order.maker_nick}</Box>
container // <Box>
direction='column' // <Grid
justifyContent='flex-start' // container
alignItems='flex-start' // direction='column'
> // justifyContent='flex-start'
<Grid item xs={12}> // alignItems='flex-start'
{amountToString( // >
order.amount, // <Grid item xs={12}>
order.has_range, // {amountToString(
order.min_amount, // order.amount,
order.max_amount, // order.has_range,
)}{' '} // order.min_amount,
{currencyDict[order.currency]} // order.max_amount,
</Grid> // )}{' '}
<Grid item xs={12}> // {currencyDict[order.currency]}
<PaymentStringAsIcons // </Grid>
othersText={t('Others')} // <Grid item xs={12}>
verbose={true} // <PaymentStringAsIcons
size={20} // othersText={t('Others')}
text={order.payment_method} // verbose={true}
/> // size={20}
</Grid> // text={order.payment_method}
</Grid> // />
</Box> // </Grid>
</Grid> // </Grid>
</Grid> // </Box>
</Grid> // </Grid>
</Paper> // </Grid>
) : ( // </Grid>
<></> // </Paper>
); // ) : (
}; // <></>
// );
// };
const formatAxisX = (value: number): string => { const formatAxisX = (value: number): string => {
if (xType === 'base_amount') { if (xType === 'base_amount') {
@ -345,7 +347,7 @@ const DepthChart: React.FC<DepthChartProps> = ({
useMesh={true} useMesh={true}
animate={false} animate={false}
crosshairType='cross' crosshairType='cross'
tooltip={generateTooltip} // tooltip={generateTooltip}
onClick={handleOnClick} onClick={handleOnClick}
axisRight={{ axisRight={{
tickSize: 5, tickSize: 5,

View File

@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
import { useAutocomplete } from '@mui/base/AutocompleteUnstyled'; import { useAutocomplete } from '@mui/base/AutocompleteUnstyled';
import { styled } from '@mui/material/styles'; import { styled } from '@mui/material/styles';
import { Button, Fade, Tooltip, Typography, Grow } from '@mui/material'; import { Button, Fade, Tooltip, Typography, Grow } from '@mui/material';
import { fiatMethods, swapMethods , PaymentIcon } from '../PaymentMethods'; import { fiatMethods, swapMethods, PaymentIcon } from '../PaymentMethods';
// Icons // Icons
import DashboardCustomizeIcon from '@mui/icons-material/DashboardCustomize'; import DashboardCustomizeIcon from '@mui/icons-material/DashboardCustomize';