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

Add tradebox icons

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-01-14 05:31:54 -08:00
parent 135c4c59e5
commit 806c469b64
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/components/TradeBox.js
View File

@ -1,9 +1,17 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { Link, Paper, Rating, Button, Grid, Typography, TextField, List, ListItem, ListItemText, Divider} from "@mui/material" import { Link, Paper, Rating, Button, Grid, Typography, TextField, List, ListItem, ListItemText, Divider, ListItemIcon} from "@mui/material"
import QRCode from "react-qr-code"; import QRCode from "react-qr-code";
import Chat from "./Chat" import Chat from "./Chat"
// Icons
import LockIcon from '@mui/icons-material/Lock';
import SmartToyIcon from '@mui/icons-material/SmartToy';
import PercentIcon from '@mui/icons-material/Percent';
import BookIcon from '@mui/icons-material/Book';
function getCookie(name) { function getCookie(name) {
let cookieValue = null; let cookieValue = null;
if (document.cookie && document.cookie !== '') { if (document.cookie && document.cookie !== '') {
@ -77,9 +85,16 @@ export default class TradeBox extends Component {
showBondIsLocked=()=>{ showBondIsLocked=()=>{
return ( return (
<Grid item xs={12} align="center"> <Grid item xs={12} align="center">
<Typography color="primary" component="subtitle1" variant="subtitle1" align="center"> <ListItem>
🔒 Your {this.props.data.isMaker ? 'maker' : 'taker'} bond is safely locked <ListItemIcon>
</Typography> <LockIcon/>
</ListItemIcon>
<ListItemText>
<Typography color="primary" component="subtitle1" variant="subtitle1" align="center">
Your {this.props.data.isMaker ? 'maker' : 'taker'} bond is locked
</Typography>
</ListItemText>
</ListItem>
</Grid> </Grid>
); );
} }
@ -158,16 +173,25 @@ export default class TradeBox extends Component {
{/* TODO API sends data for a more confortable wait */} {/* TODO API sends data for a more confortable wait */}
<Divider/> <Divider/>
<ListItem> <ListItem>
<ListItemIcon>
<SmartToyIcon/>
</ListItemIcon>
<ListItemText primary={999} secondary="Robots looking at the book"/> <ListItemText primary={999} secondary="Robots looking at the book"/>
</ListItem> </ListItem>
<Divider/> <Divider/>
<ListItem> <ListItem>
<ListItemIcon>
<BookIcon/>
</ListItemIcon>
<ListItemText primary={this.props.data.numSimilarOrders} secondary={"Public orders for " + this.props.data.currencyCode}/> <ListItemText primary={this.props.data.numSimilarOrders} secondary={"Public orders for " + this.props.data.currencyCode}/>
</ListItem> </ListItem>
<Divider/> <Divider/>
<ListItem> <ListItem>
<ListItemIcon>
<PercentIcon/>
</ListItemIcon>
<ListItemText primary="33%" secondary="Premium percentile" /> <ListItemText primary="33%" secondary="Premium percentile" />
</ListItem> </ListItem>
<Divider/> <Divider/>