From f65cef2d8d6d763573acf62d45518d66320745af Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Mon, 7 Nov 2022 02:27:33 -0800
Subject: [PATCH] Fix fullscreen order click and info image

---
 frontend/src/components/BookTable/index.tsx |  2 +-
 frontend/src/components/Dialogs/Info.tsx    | 75 +++++----------------
 2 files changed, 16 insertions(+), 61 deletions(-)

diff --git a/frontend/src/components/BookTable/index.tsx b/frontend/src/components/BookTable/index.tsx
index ed8c38ac..eacbcb3f 100644
--- a/frontend/src/components/BookTable/index.tsx
+++ b/frontend/src/components/BookTable/index.tsx
@@ -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>
diff --git a/frontend/src/components/Dialogs/Info.tsx b/frontend/src/components/Dialogs/Info.tsx
index 636a4703..dfc38202 100644
--- a/frontend/src/components/Dialogs/Info.tsx
+++ b/frontend/src/components/Dialogs/Info.tsx
@@ -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 />}>