Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2024-12-13 10:56:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix undefined imports

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-05-05 14:28:54 -07:00 committed by Fernando Porazzi
parent d5c93e5a30
commit 1145812e2e
No known key found for this signature in database
GPG Key ID: 9A3B39858C514F12
9 changed files with 139 additions and 17901 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17834
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
frontend/package.json
View File

@ -56,7 +56,7 @@
"openpgp": "^5.2.1",
"react": "^18.0.0",
"react-countdown": "^2.3.2",
"react-dom": "^18.0.0",
"react-dom": "^18.1.0",
"react-i18next": "^11.16.2",
"react-native": "^0.66.4",
"react-native-svg": "^12.3.0",

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

@ -157,7 +157,7 @@ class BookPage extends Component {
NoRowsOverlay: () => (
<Stack height="100%" alignItems="center" justifyContent="center">
<div style={{ height:"220px"}}/>
<this.NoOrdersFound/>
{this.NoOrdersFound()}
</Stack>
),
NoResultsOverlay: () => (
@ -258,7 +258,7 @@ class BookPage extends Component {
NoRowsOverlay: () => (
<Stack height="100%" alignItems="center" justifyContent="center">
<div style={{ height:"220px"}}/>
<this.NoOrdersFound/>
{this.NoOrdersFound()}
</Stack>
),
NoResultsOverlay: () => (
@ -426,14 +426,14 @@ class BookPage extends Component {
{/* Desktop Book */}
<MediaQuery minWidth={930}>
<Paper elevation={0} style={{width: 925, maxHeight: 500, overflow: 'auto'}}>
<this.bookListTableDesktop/>
{this.bookListTableDesktop()}
</Paper>
</MediaQuery>
{/* Smartphone Book */}
<MediaQuery maxWidth={929}>
<Paper elevation={0} style={{width: 395, maxHeight: 450, overflow: 'auto'}}>
<this.bookListTablePhone/>
{this.bookListTablePhone()}
</Paper>
</MediaQuery>
</Grid>

24
frontend/src/components/BottomBar.js
View File

@ -447,10 +447,10 @@ bottomBarDesktop =()=>{
const { t } = this.props;
return(
<Paper elevation={6} style={{height:40}}>
<this.StatsDialog/>
<this.CommunityDialog/>
<this.dialogProfile/>
<this.exchangeSummaryDialog/>
{this.StatsDialog()}
{this.CommunityDialog()}
{this.dialogProfile()}
{this.exchangeSummaryDialog()}
<Grid container xs={12}>
<Grid item xs={1.9}>
@ -544,7 +544,7 @@ bottomBarDesktop =()=>{
<Grid container item xs={1}>
<Grid item xs={6}>
<this.LangSelect/>
{this.LangSelect()}
</Grid>
<Grid item xs={3}>
<Tooltip enterTouchDelay={250} title={t("Show community and support links")}>
@ -711,10 +711,10 @@ bottomBarPhone =()=>{
const { t } = this.props;
return(
<Paper elevation={6} style={{height:40}}>
<this.StatsDialog/>
<this.CommunityDialog/>
<this.exchangeSummaryDialog/>
<this.dialogProfile/>
{this.StatsDialog()}
{this.CommunityDialog()}
{this.exchangeSummaryDialog()}
{this.dialogProfile()}
<Grid container xs={12}>
<Grid item xs={1.6}>
@ -781,7 +781,7 @@ bottomBarPhone =()=>{
<Grid container item xs={3.8}>
<Grid item xs={6}>
<this.LangSelect/>
{this.LangSelect()}
</Grid>
<Grid item xs={3}>
<Tooltip enterTouchDelay={250} title={t("Show community and support links")}>
@ -813,11 +813,11 @@ bottomBarPhone =()=>{
return (
<div>
<MediaQuery minWidth={1200}>
<this.bottomBarDesktop/>
{this.bottomBarDesktop()}
</MediaQuery>
<MediaQuery maxWidth={1199}>
<this.bottomBarPhone/>
{this.bottomBarPhone()}
</MediaQuery>
</div>
)

26
frontend/src/components/LinearDeterminate.js Normal file
View File

@ -0,0 +1,26 @@
import React, { useState, useEffect } from "react";
import { Box, LinearProgress } from "@mui/material"
import { calcTimeDelta } from 'react-countdown';
export default function LinearDeterminate(props) {
const [progress, setProgress] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
setProgress((oldProgress) => {
var left = calcTimeDelta( new Date(props.expires_at)).total /1000;
return (left / props.total_secs_exp) * 100;
});
}, 1000);
return () => {
clearInterval(timer);
};
}, []);
return (
<Box sx={{ width: '100%' }}>
<LinearProgress variant="determinate" value={progress} />
</Box>
);
}

60
frontend/src/components/MakerPage.js
View File

@ -38,6 +38,7 @@ class MakerPage extends Component {
constructor(props) {
super(props);
this.state={
tabValue: 0,
is_explicit: false,
type: 0,
currency: this.defaultCurrency,
@ -552,7 +553,7 @@ class MakerPage extends Component {
<Tooltip enterTouchDelay={0} placement="top" align="center" title={t("Let the taker chose an amount within the range")}>
<div align="center" style={{display:'flex',alignItems:'center', flexWrap:'wrap'}}>
<Checkbox onChange={(e)=>this.setState({enableAmountRange:e.target.checked, is_explicit: false})}/>
{this.state.enableAmountRange & this.state.minAmount != null? <this.rangeText/> : t("Enable Amount Range")}
{this.state.enableAmountRange & this.state.minAmount != null? this.rangeText() : t("Enable Amount Range")}
</div>
</Tooltip>
</FormHelperText>
@ -560,30 +561,30 @@ class MakerPage extends Component {
<LinearProgress />
</div>
<div style={{ display: this.state.loadingLimits == false ? '':'none'}}>
<this.RangeSlider
disableSwap={true}
sx={{width:200, align:"center"}}
disabled={!this.state.enableAmountRange || this.state.loadingLimits}
value={[this.state.minAmount, this.state.maxAmount]}
step={(this.getMaxAmount()-this.getMinAmount())/5000}
valueLabelDisplay="auto"
components={{ Thumb: this.RangeThumbComponent }}
valueLabelFormat={(x) => (parseFloat(Number(x).toPrecision(x < 100 ? 2 : 3))+" "+this.state.currencyCode)}
marks={this.state.limits == null?
{/* {this.RangeSlider(
disableSwap=true,
sx={width:200, align:"center"},
disabled=(!this.state.enableAmountRange || this.state.loadingLimits),
value=([this.state.minAmount, this.state.maxAmount]),
step=((this.getMaxAmount()-this.getMinAmount())/5000),
valueLabelDisplay="auto",
components=({ Thumb: this.RangeThumbComponent }),
valueLabelFormat=((x) => (parseFloat(Number(x).toPrecision(x < 100 ? 2 : 3))+" "+this.state.currencyCode)),
marks=(this.state.limits == null?
null
:
[{value: this.getMinAmount(),label: this.getMinAmount()+" "+ this.state.currencyCode},
{value: this.getMaxAmount(),label: this.getMaxAmount()+" "+this.state.currencyCode}]}
min={this.getMinAmount()}
max={this.getMaxAmount()}
onChange={this.handleRangeAmountChange}
/>
{value: this.getMaxAmount(),label: this.getMaxAmount()+" "+this.state.currencyCode}]),
min=this.getMinAmount(),
max=this.getMaxAmount(),
onChange=this.handleRangeAmountChange)
} */}
</div>
</FormControl>
</Grid>
<Grid item xs={12} align="center">
<Accordion elevation={0} sx={{width:'280px', position:'relative', left:'-12px'}}>
<Accordion elevation={0} sx={{width:'280px', position:'relative', left:'-8px'}}>
<AccordionSummary expandIcon={<ExpandMoreIcon color="primary"/>}>
<Typography sx={{flexGrow: 1, textAlign: "center"}} color="text.secondary">{t("Expiry Timers")}</Typography>
</AccordionSummary>
@ -766,32 +767,27 @@ class MakerPage extends Component {
}
makeOrderBox=()=>{
const [value, setValue] = React.useState(this.state.showAdvanced);
const { t } = this.props;
const handleChange = (event, newValue) => {
this.setState({showAdvanced:newValue})
setValue(newValue);
};
return(
<Box sx={{width: this.state.showAdvanced? '270px':'252px'}}>
<Box sx={{width: this.state.tabValue==1? '270px':'252px'}}>
<Box sx={{ borderBottom: 1, borderColor: 'divider', position:'relative',left:'5px'}}>
<Tabs value={value? value:0} onChange={handleChange} variant="fullWidth" >
<Tab label={t("Order")} {...this.a11yProps(0)} />
<Tab label={t("Customize")} {...this.a11yProps(1)} />
<Tabs value={this.state.tabValue} variant="fullWidth" >
<Tab label={t("Order")} {...this.a11yProps(0)} onClick={() => this.setState({tabValue:0})}/>
<Tab label={t("Customize")} {...this.a11yProps(1)} onClick={() => this.setState({tabValue:1})}/>
</Tabs>
</Box>
<Grid item xs={12} align="center">
<div style={{ display: this.state.showAdvanced == false ? '':'none'}}>
<this.StandardMakerOptions/>
<div style={{ display: this.state.tabValue == 0 ? '':'none'}}>
{this.StandardMakerOptions()}
</div>
<div style={{ display: this.state.showAdvanced == true ? '':'none'}}>
<this.AdvancedMakerOptions/>
<div style={{ display: this.state.tabValue == 1 ? '':'none'}}>
{this.AdvancedMakerOptions()}
</div>
</Grid>
</Box>
)
}
render() {
const { t } = this.props;
return (
@ -804,7 +800,7 @@ class MakerPage extends Component {
<this.StoreTokenDialog/>
<Grid item xs={12} align="center">
<this.makeOrderBox/>
{this.makeOrderBox()}
</Grid>
<Grid item xs={12} align="center">

62
frontend/src/components/OrderPage.js
View File

@ -1,7 +1,8 @@
import React, { Component } from "react";
import { withTranslation} from "react-i18next";
import {TextField,Chip, Tooltip, IconButton, Badge, Tab, Tabs, Alert, Paper, CircularProgress, Button , Grid, Typography, List, ListItem, ListItemIcon, ListItemText, ListItemAvatar, Avatar, Divider, Box, LinearProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle} from "@mui/material"
import Countdown, { zeroPad, calcTimeDelta } from 'react-countdown';
import Countdown, { zeroPad } from 'react-countdown';
import LinearDeterminate from './LinearDeterminate';
import MediaQuery from 'react-responsive'
import currencyDict from '../../static/assets/currencies.json';
import { Link as LinkRouter } from 'react-router-dom'
@ -35,7 +36,7 @@ class OrderPage extends Component {
openCancel: false,
openCollaborativeCancel: false,
openInactiveMaker: false,
showContractBox: 1,
tabValue: 1,
orderId: this.props.match.params.orderId,
};
this.getOrderDetails(this.props.match.params.orderId);
@ -237,10 +238,10 @@ class OrderPage extends Component {
}
countdownTakeOrderRenderer = ({ seconds, completed }) => {
if(isNaN(seconds)){return (<this.takeOrderButton/>)}
if(isNaN(seconds)){return (this.takeOrderButton())}
if (completed) {
// Render a completed state
return ( <this.takeOrderButton/>);
return this.takeOrderButton();
} else{
return(
<Tooltip enterTouchDelay={0} title={t("Wait until you can take an order")}><div>
@ -249,29 +250,6 @@ class OrderPage extends Component {
}
};
LinearDeterminate =()=> {
const [progress, setProgress] = React.useState(0);
React.useEffect(() => {
const timer = setInterval(() => {
setProgress((oldProgress) => {
var left = calcTimeDelta( new Date(this.state.expires_at)).total /1000;
return (left / this.state.total_secs_exp) * 100;
});
}, 1000);
return () => {
clearInterval(timer);
};
}, []);
return (
<Box sx={{ width: '100%' }}>
<LinearProgress variant="determinate" value={progress} />
</Box>
);
}
takeOrder=()=>{
this.setState({loading:true})
const requestOptions = {
@ -517,7 +495,7 @@ class OrderPage extends Component {
return(
<div id="openDialogCancelButton">
<Grid item xs={12} align="center">
<this.CancelDialog/>
{this.CancelDialog()}
<Button variant='contained' color='secondary' onClick={this.handleClickOpenConfirmCancelDialog}>{t("Cancel")}</Button>
</Grid>
</div>
@ -528,7 +506,7 @@ class OrderPage extends Component {
if ([8,9].includes(this.state.status)){
return(
<Grid item xs={12} align="center">
<this.CollaborativeCancelDialog/>
{this.CollaborativeCancelDialog()}
<Button variant='contained' color='secondary' onClick={this.handleClickOpenCollaborativeCancelDialog}>{t("Collaborative Cancel")}</Button>
</Grid>
)}
@ -682,7 +660,7 @@ class OrderPage extends Component {
<Countdown date={new Date(this.state.expires_at)} renderer={this.countdownRenderer} />
</ListItemText>
</ListItem>
<this.LinearDeterminate />
<LinearDeterminate total_secs_exp={this.state.total_secs_exp} expires_at={this.state.expires_at}/>
</List>
{/* If the user has a penalty/limit */}
@ -728,8 +706,8 @@ class OrderPage extends Component {
{/* Participants can see the "Cancel" Button, but cannot see the "Back" or "Take Order" buttons */}
{this.state.is_participant ?
<>
<this.CancelButton/>
<this.BackButton/>
{this.CancelButton()}
{this.BackButton()}
</>
:
<Grid container spacing={1}>
@ -768,27 +746,21 @@ class OrderPage extends Component {
doubleOrderPagePhone=()=>{
const { t } = this.props;
const [value, setValue] = React.useState(this.state.showContractBox);
const handleChange = (event, newValue) => {
this.setState({showContractBox:newValue})
setValue(newValue);
};
return(
<Box sx={{ width: '100%'}}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<Tabs value={value} onChange={handleChange} variant="fullWidth" >
<Tab label={t("Order")} {...this.a11yProps(0)} />
<Tab label={t("Contract")} {...this.a11yProps(1)} />
<Tabs value={this.state.tabValue} variant="fullWidth" >
<Tab label={t("Order")} {...this.a11yProps(0)} onClick={() => this.setState({tabValue:0})}/>
<Tab label={t("Contract")} {...this.a11yProps(1)} onClick={() => this.setState({tabValue:1})}/>
</Tabs>
</Box>
<Grid container spacing={2}>
<Grid item >
<div style={{ width:330, display: this.state.showContractBox == 0 ? '':'none'}}>
<div style={{ width:330, display: this.state.tabValue == 0 ? '':'none'}}>
{this.orderBox()}
</div>
<div style={{display: this.state.showContractBox == 1 ? '':'none'}}>
<div style={{display: this.state.tabValue == 1 ? '':'none'}}>
<TradeBox push={this.props.history.push} getOrderDetails={this.getOrderDetails} pauseLoading={this.state.pauseLoading} width={330} data={this.state} completeSetState={this.completeSetState} />
</div>
</Grid>
@ -813,12 +785,12 @@ class OrderPage extends Component {
<>
{/* Desktop View */}
<MediaQuery minWidth={920}>
<this.doubleOrderPageDesktop/>
{this.doubleOrderPageDesktop()}
</MediaQuery>
{/* SmarPhone View */}
<MediaQuery maxWidth={919}>
<this.doubleOrderPagePhone/>
{this.doubleOrderPagePhone()}
</MediaQuery>
</>
:

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

@ -271,7 +271,7 @@ class TradeBox extends Component {
return (
<Grid container spacing={1}>
{/* Make confirmation sound for HTLC received. */}
<this.Sound soundFileName="locked-invoice"/>
{this.Sound(soundFileName="locked-invoice")}
<Grid item xs={12} align="center">
<Typography color="green" component="subtitle1" variant="subtitle1">
<b>
@ -308,7 +308,7 @@ class TradeBox extends Component {
return (
<Grid container spacing={1}>
{/* Make bell sound when taker is found */}
<this.Sound soundFileName="taker-found"/>
{this.Sound(soundFileName="taker-found")}
<Grid item xs={12} align="center">
<Typography component="subtitle1" variant="subtitle1">
<b>{t("A taker has been found!")}</b> {" " + this.stepXofY()}
@ -387,8 +387,8 @@ class TradeBox extends Component {
return (
<Grid container spacing={1}>
{/* Make confirmation sound for HTLC received. */}
<this.Sound soundFileName="locked-invoice"/>
<this.EnableTelegramDialog/>
{this.Sound(soundFileName="locked-invoice")}
{this.EnableTelegramDialog()}
<Grid item xs={12} align="center">
<Typography component="subtitle1" variant="subtitle1">
<b> {t("Your order is public")} </b> {" " + this.stepXofY()}
@ -566,7 +566,7 @@ class TradeBox extends Component {
<Grid container spacing={1}>
<Grid item xs={12} align="center">
{/* Make confirmation sound for HTLC received. */}
<this.Sound soundFileName="locked-invoice"/>
{this.Sound(soundFileName="locked-invoice")}
<Typography color="primary" component="subtitle1" variant="subtitle1">
<b> {t("Submit an invoice for {{amountSats}} Sats",{amountSats: pn(this.props.data.invoice_amount)})}
</b> {" " + this.stepXofY()}
@ -762,7 +762,7 @@ class TradeBox extends Component {
return(
<Grid container spacing={1}>
{/* Make confirmation sound for HTLC received. */}
<this.Sound soundFileName="locked-invoice"/>
{this.Sound(soundFileName="locked-invoice")}
<Grid item xs={12} align="center">
<Typography component="subtitle1" variant="subtitle1">
<b>{t("The trade collateral is locked!")}</b> {" " + this.stepXofY()}
@ -945,7 +945,7 @@ handleRatingRobosatsChange=(e)=>{
return(
<Grid container spacing={1}>
{/* Make confirmation sound for Chat Open. */}
<this.Sound soundFileName="chat-open"/>
{this.Sound(soundFileName="chat-open")}
<Grid item xs={12} align="center">
<Typography component="subtitle1" variant="subtitle1">
<b> {this.props.data.is_seller ? t("Chat with the buyer"): t("Chat with the seller")}</b> {" " + this.stepXofY()}
@ -989,7 +989,7 @@ handleRatingRobosatsChange=(e)=>{
return(
<Grid container spacing={1}>
{/* Make confirmation sound for Chat Open. */}
<this.Sound soundFileName="successful"/>
{this.Sound(soundFileName="successful")}
<Grid item xs={12} align="center">
<Typography component="h6" variant="h6">
{t("🎉Trade finished!🥳")}
@ -1152,8 +1152,8 @@ handleRatingRobosatsChange=(e)=>{
const { t } = this.props;
return (
<Grid container spacing={1} style={{ width:this.props.width}}>
<this.ConfirmDisputeDialog/>
<this.ConfirmFiatReceivedDialog/>
{this.ConfirmDisputeDialog()}
{this.ConfirmFiatReceivedDialog()}
<Grid item xs={12} align="center">
<MediaQuery minWidth={920}>
<Typography component="h5" variant="h5">

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

@ -237,7 +237,7 @@ class UserGenPage extends Component {
<ButtonGroup variant="contained" aria-label="outlined primary button group">
<Button disabled={this.state.loadingRobot} color='primary' to='/make/' component={Link}>{t("Make Order")}</Button>
<Button color='inherit' style={{color: '#111111'}} onClick={this.handleClickOpenInfo}>{t("Info")}</Button>
<this.InfoDialog/>
{this.InfoDialog()}
<Button disabled={this.state.loadingRobot} color='secondary' to='/book/' component={Link}>{t("View Book")}</Button>
</ButtonGroup>
</Grid>