Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-01-18 20:21: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);
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>
</Dialog>

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

@ -7,13 +7,10 @@ import {
DialogActions,
DialogContent,
Button,
Grid,
Accordion,
AccordionDetails,
AccordionSummary,
} from '@mui/material';
import SmoothImage from 'react-smooth-image';
import MediaQuery from 'react-responsive';
import { pn } from '../../utils';
// Icons
@ -37,63 +34,21 @@ const InfoDialog = ({ maxAmount, open, onClose }: Props): JSX.Element => {
scroll='paper'
>
<DialogContent>
<MediaQuery minWidth={475}>
<Grid container>
<Grid item xs={8}>
<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.')} <br />
{t(
'It simplifies matchmaking and minimizes the need of trust. RoboSats focuses in privacy and speed.',
)}
</p>
<p>
{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>
<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>
<p>
{t('RoboSats is an open source project ')}{' '}
<Link href='https://github.com/reckless-satoshi/robosats'>{t('(GitHub).')}</Link>
</p>
</Typography>
<Accordion disableGutters={true}>
<AccordionSummary expandIcon={<ExpandMoreIcon />}>