Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-01-19 04:31:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix fullscreen order click and info image

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-11-07 02:27:33 -08:00
parent b25230378e
commit f65cef2d8d
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
2 changed files with 16 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/BookTable/index.tsx
View File

@ -786,7 +786,7 @@ const BookTable = ({
setPageSize(newPageSize); setPageSize(newPageSize);
setUseDefaultPageSize(false); setUseDefaultPageSize(false);
}} }}
onRowClick={(params: any) => history.push('/order/' + params.row.id)} // Whole row is clickable, but the mouse only looks clickly in some places. onRowClick={(params: any) => onOrderClicked(params.row.id)}
/> />
</Paper> </Paper>
</Dialog> </Dialog>

75
frontend/src/components/Dialogs/Info.tsx
View File

@ -7,13 +7,10 @@ import {
DialogActions, DialogActions,
DialogContent, DialogContent,
Button, Button,
Grid,
Accordion, Accordion,
AccordionDetails, AccordionDetails,
AccordionSummary, AccordionSummary,
} from '@mui/material'; } from '@mui/material';
import SmoothImage from 'react-smooth-image';
import MediaQuery from 'react-responsive';
import { pn } from '../../utils'; import { pn } from '../../utils';
// Icons // Icons
@ -37,63 +34,21 @@ const InfoDialog = ({ maxAmount, open, onClose }: Props): JSX.Element => {
scroll='paper' scroll='paper'
> >
<DialogContent> <DialogContent>
<MediaQuery minWidth={475}> <Typography component='h4' variant='h4'>
<Grid container> {t('What is RoboSats?')}
<Grid item xs={8}> </Typography>
<Typography component='h4' variant='h4'> <Typography component='div' variant='body2'>
{t('What is RoboSats?')} <p>
</Typography> {t('It is a BTC/FIAT peer-to-peer exchange over lightning.') + ' '}{' '}
<Typography component='div' variant='body2'> {t(
<p> 'It simplifies matchmaking and minimizes the need of trust. RoboSats focuses in privacy and speed.',
{t('It is a BTC/FIAT peer-to-peer exchange over lightning.')} <br /> )}
{t( </p>
'It simplifies matchmaking and minimizes the need of trust. RoboSats focuses in privacy and speed.', <p>
)} {t('RoboSats is an open source project ')}{' '}
</p> <Link href='https://github.com/reckless-satoshi/robosats'>{t('(GitHub).')}</Link>
</p>
<p> </Typography>
{t('RoboSats is an open source project ')}{' '}
<Link href='https://github.com/reckless-satoshi/robosats'>{t('(GitHub).')}</Link>
</p>
</Typography>
</Grid>
<Grid item xs={4}>
<SmoothImage
src={window.location.origin + '/static/assets/images/v0.1.2-04.png'}
imageStyles={{
borderRadius: '50%',
border: '2px solid #555',
filter: 'drop-shadow(1px 1px 1px #000000)',
height: '170px',
width: '170px',
}}
/>
</Grid>
</Grid>
<div style={{ height: 15 }} />
</MediaQuery>
<MediaQuery maxWidth={474}>
<Typography component='h4' variant='h4'>
{t('What is RoboSats?')}
</Typography>
<Typography component='div' variant='body2'>
<p>
{t('It is a BTC/FIAT peer-to-peer exchange over lightning.') + ' '}{' '}
{t(
'It simplifies matchmaking and minimizes the need of trust. RoboSats focuses in privacy and speed.',
)}
</p>
<img
width='100%'
src={window.location.origin + '/static/assets/images/v0.1.2-03.png'}
/>
<p>
{t('RoboSats is an open source project ')}{' '}
<Link href='https://github.com/reckless-satoshi/robosats'>{t('(GitHub).')}</Link>
</p>
</Typography>
</MediaQuery>
<Accordion disableGutters={true}> <Accordion disableGutters={true}>
<AccordionSummary expandIcon={<ExpandMoreIcon />}> <AccordionSummary expandIcon={<ExpandMoreIcon />}>