Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-02-21 12:49:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve several book and home tooltips and grids

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-02-02 08:26:10 -08:00
parent 26bccdf9df
commit 217c105fd8
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/BookPage.js
View File

@ -112,8 +112,8 @@ export default class BookPage extends Component {
{ field: 'amount', headerName: 'Amount', type: 'number', width: 80 }, { field: 'amount', headerName: 'Amount', type: 'number', width: 80 },
{ field: 'currency', headerName: 'Currency', width: 100, { field: 'currency', headerName: 'Currency', width: 100,
renderCell: (params) => {return ( renderCell: (params) => {return (
<div style={{ cursor: "pointer" }}>{params.row.currency + " " + getFlags(params.row.currency)}</div> <div style={{ cursor: "pointer" }}>{params.row.currency+" "+getFlags(params.row.currency)}</div>)
)} }, }},
{ field: 'payment_method', headerName: 'Payment Method', width: 180 }, { field: 'payment_method', headerName: 'Payment Method', width: 180 },
{ field: 'price', headerName: 'Price', type: 'number', width: 140, { field: 'price', headerName: 'Price', type: 'number', width: 140,
renderCell: (params) => {return ( renderCell: (params) => {return (
@ -173,7 +173,14 @@ export default class BookPage extends Component {
{ field: 'currency', headerName: 'Currency', width: 100, { field: 'currency', headerName: 'Currency', width: 100,
renderCell: (params) => {return ( renderCell: (params) => {return (
<Tooltip placement="left" enterTouchDelay="0" title={params.row.payment_method}> <Tooltip placement="left" enterTouchDelay="0" title={params.row.payment_method}>
<div style={{ cursor: "pointer" }}>{params.row.currency + " " + getFlags(params.row.currency)}</div> <Grid container xs={12} aling="center">
<Grid item xs={6} aling="center">
<span>{params.row.currency}</span>
</Grid>
<Grid item xs={6} aling="center">
<Typography>{getFlags(params.row.currency)}</Typography>
</Grid>
</Grid>
</Tooltip> </Tooltip>
)} }, )} },
{ field: 'payment_method', headerName: 'Payment Method', width: 180, hide:'true'}, { field: 'payment_method', headerName: 'Payment Method', width: 180, hide:'true'},

6
frontend/src/components/UserGenPage.js
View File

@ -6,8 +6,6 @@ import InfoDialog from './InfoDialog'
import SmartToyIcon from '@mui/icons-material/SmartToy'; import SmartToyIcon from '@mui/icons-material/SmartToy';
import CasinoIcon from '@mui/icons-material/Casino'; import CasinoIcon from '@mui/icons-material/Casino';
import ContentCopy from "@mui/icons-material/ContentCopy"; import ContentCopy from "@mui/icons-material/ContentCopy";
import InfoIcon from '@mui/icons-material/Info';
import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
function getCookie(name) { function getCookie(name) {
let cookieValue = null; let cookieValue = null;
@ -212,11 +210,13 @@ export default class UserGenPage extends Component {
</Button> </Button>
: :
<Tooltip enterTouchDelay="0" title="You must enter a new token first"> <Tooltip enterTouchDelay="0" title="You must enter a new token first">
<div>
<Button disabled={true} type="submit" size='small' > <Button disabled={true} type="submit" size='small' >
<SmartToyIcon sx={{width:18, height:18}} /> <SmartToyIcon sx={{width:18, height:18}} />
<span> Generate Robot</span> <span> Generate Robot</span>
</Button> </Button>
</Tooltip> </div>
</Tooltip>
} }
</Grid> </Grid>
<Grid item xs={12} align="center"> <Grid item xs={12} align="center">