mirror of
https://github.com/RoboSats/robosats.git
synced 2025-01-10 16:21:36 +00:00
Add Tradebox Dialogs
This commit is contained in:
Reckless_Satoshi
parent
059c52b370
commit
040ecaeca7
@ -92,7 +92,7 @@ const NavBar = ({
|
|||||||
return (
|
return (
|
||||||
<Paper
|
<Paper
|
||||||
elevation={6}
|
elevation={6}
|
||||||
sx={{ height: `${height}em`, width: `${width * 0.9}em`, position: 'fixed', bottom: 0 }}
|
sx={{ height: `${height}em`, width: `100%`, position: 'fixed', bottom: 0, borderRadius: 0 }}
|
||||||
>
|
>
|
||||||
<Tabs
|
<Tabs
|
||||||
TabIndicatorProps={{ sx: { height: '0.3em', position: 'absolute', top: 0 } }}
|
TabIndicatorProps={{ sx: { height: '0.3em', position: 'absolute', top: 0 } }}
|
||||||
@ -176,472 +176,3 @@ const NavBar = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
export default NavBar;
|
export default NavBar;
|
||||||
|
|
||||||
// constructor(props) {
|
|
||||||
// super(props);
|
|
||||||
// this.state = {
|
|
||||||
// profileShown: false,
|
|
||||||
// openStatsForNerds: false,
|
|
||||||
// openCommunity: false,
|
|
||||||
// openExchangeSummary: false,
|
|
||||||
// openClaimRewards: false,
|
|
||||||
// openProfile: false,
|
|
||||||
// showRewards: false,
|
|
||||||
// rewardInvoice: null,
|
|
||||||
// badInvoice: false,
|
|
||||||
// showRewardsSpinner: false,
|
|
||||||
// withdrawn: false,
|
|
||||||
// };
|
|
||||||
// }
|
|
||||||
|
|
||||||
// handleClickOpenStatsForNerds = () => {
|
|
||||||
// this.setState({ openStatsForNerds: true });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickCloseStatsForNerds = () => {
|
|
||||||
// this.setState({ openStatsForNerds: false });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickOpenCommunity = () => {
|
|
||||||
// this.setState({ openCommunity: true });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickCloseCommunity = () => {
|
|
||||||
// this.setState({ openCommunity: false });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickOpenProfile = () => {
|
|
||||||
// this.setState({ openProfile: true, profileShown: true });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickCloseProfile = () => {
|
|
||||||
// this.setState({ openProfile: false });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickOpenExchangeSummary = () => {
|
|
||||||
// this.setState({ openExchangeSummary: true });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleClickCloseExchangeSummary = () => {
|
|
||||||
// this.setState({ openExchangeSummary: false });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleSubmitInvoiceClicked = (e, rewardInvoice) => {
|
|
||||||
// this.setState({ badInvoice: false, showRewardsSpinner: true });
|
|
||||||
|
|
||||||
// apiClient
|
|
||||||
// .post('/api/reward/', {
|
|
||||||
// invoice: rewardInvoice,
|
|
||||||
// })
|
|
||||||
// .then((data) => {
|
|
||||||
// this.setState({ badInvoice: data.bad_invoice, showRewardsSpinner: false });
|
|
||||||
// this.props.setInfo({
|
|
||||||
// ...this.props.info,
|
|
||||||
// badInvoice: data.bad_invoice,
|
|
||||||
// openClaimRewards: !data.successful_withdrawal,
|
|
||||||
// withdrawn: !!data.successful_withdrawal,
|
|
||||||
// showRewardsSpinner: false,
|
|
||||||
// });
|
|
||||||
// this.props.setRobot({
|
|
||||||
// ...this.props.robot,
|
|
||||||
// earnedRewards: data.successful_withdrawal ? 0 : this.props.robot.earnedRewards,
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// e.preventDefault();
|
|
||||||
// };
|
|
||||||
|
|
||||||
// handleSetStealthInvoice = (wantsStealth) => {
|
|
||||||
// apiClient
|
|
||||||
// .put('/api/stealth/', { wantsStealth })
|
|
||||||
// .then((data) =>
|
|
||||||
// this.props.setRobot({ ...this.props.robot, stealthInvoices: data?.wantsStealth }),
|
|
||||||
// );
|
|
||||||
// };
|
|
||||||
|
|
||||||
// showProfileButton = () => {
|
|
||||||
// return (
|
|
||||||
// this.props.robot.avatarLoaded &&
|
|
||||||
// (this.props.robot.token
|
|
||||||
// ? systemClient.getCookie('robot_token') === this.props.robot.token
|
|
||||||
// : true) &&
|
|
||||||
// systemClient.getCookie('sessionid')
|
|
||||||
// );
|
|
||||||
// };
|
|
||||||
|
|
||||||
// bottomBarDesktop = () => {
|
|
||||||
// const { t } = this.props;
|
|
||||||
// const hasRewards = this.props.robot.earnedRewards > 0;
|
|
||||||
// const hasOrder = !!(
|
|
||||||
// (this.props.robot.activeOrderId > 0) &
|
|
||||||
// !this.state.profileShown &
|
|
||||||
// this.props.robot.avatarLoaded
|
|
||||||
// );
|
|
||||||
// const fontSize = this.props.theme.typography.fontSize;
|
|
||||||
// const fontSizeFactor = fontSize / 14; // default fontSize is 14
|
|
||||||
// const typographyProps = {
|
|
||||||
// primaryTypographyProps: { fontSize },
|
|
||||||
// secondaryTypographyProps: { fontSize: (fontSize * 12) / 14 },
|
|
||||||
// };
|
|
||||||
// return (
|
|
||||||
// <Paper
|
|
||||||
// elevation={6}
|
|
||||||
// style={{ height: '2.5em', width: `${(this.props.windowSize.width / 16) * 14}em` }}
|
|
||||||
// >
|
|
||||||
// <Grid container>
|
|
||||||
// <Grid item xs={1.9}>
|
|
||||||
// <div style={{ display: this.showProfileButton() ? '' : 'none' }}>
|
|
||||||
// <ListItemButton onClick={this.handleClickOpenProfile}>
|
|
||||||
// <Tooltip
|
|
||||||
// open={(hasRewards || hasOrder) && this.showProfileButton()}
|
|
||||||
// title={
|
|
||||||
// (hasRewards ? t('You can claim satoshis!') + ' ' : '') +
|
|
||||||
// (hasOrder ? t('You have an active order') : '')
|
|
||||||
// }
|
|
||||||
// >
|
|
||||||
// <ListItemAvatar sx={{ width: 30 * fontSizeFactor, height: 30 * fontSizeFactor }}>
|
|
||||||
// <RobotAvatar
|
|
||||||
// style={{ marginTop: -13 }}
|
|
||||||
// statusColor={
|
|
||||||
// (this.props.robot.activeOrderId > 0) & !this.state.profileShown
|
|
||||||
// ? 'primary'
|
|
||||||
// : undefined
|
|
||||||
// }
|
|
||||||
// nickname={this.props.robot.nickname}
|
|
||||||
// onLoad={() =>
|
|
||||||
// this.props.setRobot({ ...this.props.robot, avatarLoaded: true })
|
|
||||||
// }
|
|
||||||
// />
|
|
||||||
// </ListItemAvatar>
|
|
||||||
// </Tooltip>
|
|
||||||
// <ListItemText primary={this.props.robot.nickname} />
|
|
||||||
// </ListItemButton>
|
|
||||||
// </div>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.9}>
|
|
||||||
// <ListItem className='bottomItem'>
|
|
||||||
// <ListItemIcon size='small'>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/book/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <InventoryIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </ListItemIcon>
|
|
||||||
// <ListItemText
|
|
||||||
// {...typographyProps}
|
|
||||||
// primary={this.props.info.num_public_buy_orders}
|
|
||||||
// secondary={t('Public Buy Orders')}
|
|
||||||
// />
|
|
||||||
// </ListItem>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.9}>
|
|
||||||
// <ListItem className='bottomItem'>
|
|
||||||
// <ListItemIcon size='small'>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/book/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <SellIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </ListItemIcon>
|
|
||||||
// <ListItemText
|
|
||||||
// {...typographyProps}
|
|
||||||
// primary={this.props.info.num_public_sell_orders}
|
|
||||||
// secondary={t('Public Sell Orders')}
|
|
||||||
// />
|
|
||||||
// </ListItem>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.9}>
|
|
||||||
// <ListItem className='bottomItem'>
|
|
||||||
// <ListItemIcon size='small'>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <SmartToyIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </ListItemIcon>
|
|
||||||
// <ListItemText
|
|
||||||
// {...typographyProps}
|
|
||||||
// primary={this.props.info.active_robots_today}
|
|
||||||
// secondary={t('Today Active Robots')}
|
|
||||||
// />
|
|
||||||
// </ListItem>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.9}>
|
|
||||||
// <ListItem className='bottomItem'>
|
|
||||||
// <ListItemIcon size='small'>
|
|
||||||
// <IconButton color='primary' onClick={this.handleClickOpenExchangeSummary}>
|
|
||||||
// <PriceChangeIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </ListItemIcon>
|
|
||||||
// <ListItemText
|
|
||||||
// {...typographyProps}
|
|
||||||
// primary={this.props.info.last_day_nonkyc_btc_premium + '%'}
|
|
||||||
// secondary={t('24h Avg Premium')}
|
|
||||||
// />
|
|
||||||
// </ListItem>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.5}>
|
|
||||||
// <ListItem className='bottomItem'>
|
|
||||||
// <ListItemIcon size='small'>
|
|
||||||
// <IconButton color='primary' onClick={this.handleClickOpenExchangeSummary}>
|
|
||||||
// <PercentIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </ListItemIcon>
|
|
||||||
// <ListItemText
|
|
||||||
// {...typographyProps}
|
|
||||||
// primary={(this.props.info.maker_fee + this.props.info.taker_fee) * 100}
|
|
||||||
// secondary={t('Trade Fee')}
|
|
||||||
// />
|
|
||||||
// </ListItem>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid container item xs={1}>
|
|
||||||
// <Grid item xs={6}>
|
|
||||||
// {this.LangSelect()}
|
|
||||||
// </Grid>
|
|
||||||
// <Grid item xs={3}>
|
|
||||||
// <Tooltip enterTouchDelay={250} title={t('Show community and support links')}>
|
|
||||||
// <IconButton
|
|
||||||
// color='primary'
|
|
||||||
// aria-label='Community'
|
|
||||||
// onClick={this.handleClickOpenCommunity}
|
|
||||||
// >
|
|
||||||
// <PeopleIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
// <Grid item xs={3}>
|
|
||||||
// <Tooltip enterTouchDelay={250} title={t('Show stats for nerds')}>
|
|
||||||
// <IconButton
|
|
||||||
// color='primary'
|
|
||||||
// aria-label='Stats for Nerds'
|
|
||||||
// onClick={this.handleClickOpenStatsForNerds}
|
|
||||||
// >
|
|
||||||
// <BarChartIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
// </Grid>
|
|
||||||
// </Grid>
|
|
||||||
// </Paper>
|
|
||||||
// );
|
|
||||||
// };
|
|
||||||
|
|
||||||
// bottomBarPhone = () => {
|
|
||||||
// const { t } = this.props;
|
|
||||||
// const hasRewards = this.props.robot.earnedRewards > 0;
|
|
||||||
// const hasOrder = !!(
|
|
||||||
// (this.props.info.active_order_id > 0) &
|
|
||||||
// !this.state.profileShown &
|
|
||||||
// this.props.robot.avatarLoaded
|
|
||||||
// );
|
|
||||||
// return (
|
|
||||||
// <Paper
|
|
||||||
// elevation={6}
|
|
||||||
// style={{ height: '2.85em', width: `${(this.props.windowSize.width / 16) * 14}em` }}
|
|
||||||
// >
|
|
||||||
// <Grid container>
|
|
||||||
// <Grid item xs={1.6}>
|
|
||||||
// <div style={{ display: this.showProfileButton() ? '' : 'none' }}>
|
|
||||||
// <Tooltip
|
|
||||||
// open={(hasRewards || hasOrder) && this.showProfileButton()}
|
|
||||||
// title={
|
|
||||||
// (hasRewards ? t('You can claim satoshis!') + ' ' : '') +
|
|
||||||
// (hasOrder ? t('You have an active order') : '')
|
|
||||||
// }
|
|
||||||
// >
|
|
||||||
// <IconButton
|
|
||||||
// onClick={this.handleClickOpenProfile}
|
|
||||||
// sx={{ margin: 0, bottom: 17, right: 8 }}
|
|
||||||
// >
|
|
||||||
// <RobotAvatar
|
|
||||||
// style={{ width: 55, height: 55 }}
|
|
||||||
// avatarClass='phoneFlippedSmallAvatar'
|
|
||||||
// statusColor={
|
|
||||||
// (this.props.activeOrderId > 0) & !this.state.profileShown
|
|
||||||
// ? 'primary'
|
|
||||||
// : undefined
|
|
||||||
// }
|
|
||||||
// nickname={this.props.robot.nickname}
|
|
||||||
// onLoad={() => this.props.setRobot({ ...this.props.robot, avatarLoaded: true })}
|
|
||||||
// />
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </div>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.6} align='center'>
|
|
||||||
// <Tooltip enterTouchDelay={300} title={t('Number of public BUY orders')}>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/book/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <Badge badgeContent={this.props.info.num_public_buy_orders} color='action'>
|
|
||||||
// <InventoryIcon />
|
|
||||||
// </Badge>
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.6} align='center'>
|
|
||||||
// <Tooltip enterTouchDelay={300} title={t('Number of public SELL orders')}>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/book/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <Badge badgeContent={this.props.info.num_public_sell_orders} color='action'>
|
|
||||||
// <SellIcon />
|
|
||||||
// </Badge>
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.6} align='center'>
|
|
||||||
// <Tooltip enterTouchDelay={300} title={t('Today active robots')}>
|
|
||||||
// <IconButton
|
|
||||||
// disabled={!this.showProfileButton()}
|
|
||||||
// color='primary'
|
|
||||||
// to={`/`}
|
|
||||||
// component={LinkRouter}
|
|
||||||
// >
|
|
||||||
// <Badge badgeContent={this.props.info.active_robots_today} color='action'>
|
|
||||||
// <SmartToyIcon />
|
|
||||||
// </Badge>
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid item xs={1.8} align='center'>
|
|
||||||
// <Tooltip enterTouchDelay={300} title={t('24h non-KYC bitcoin premium')}>
|
|
||||||
// <IconButton color='primary' onClick={this.handleClickOpenExchangeSummary}>
|
|
||||||
// <Badge
|
|
||||||
// badgeContent={this.props.info.last_day_nonkyc_btc_premium + '%'}
|
|
||||||
// color='action'
|
|
||||||
// >
|
|
||||||
// <PriceChangeIcon />
|
|
||||||
// </Badge>
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
|
|
||||||
// <Grid container item xs={3.8}>
|
|
||||||
// <Grid item xs={6}>
|
|
||||||
// {this.LangSelect()}
|
|
||||||
// </Grid>
|
|
||||||
// <Grid item xs={3}>
|
|
||||||
// <Tooltip enterTouchDelay={250} title={t('Show community and support links')}>
|
|
||||||
// <IconButton
|
|
||||||
// color='primary'
|
|
||||||
// aria-label='Community'
|
|
||||||
// onClick={this.handleClickOpenCommunity}
|
|
||||||
// >
|
|
||||||
// <PeopleIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
// <Grid item xs={3}>
|
|
||||||
// <Tooltip enterTouchDelay={250} title={t('Show stats for nerds')}>
|
|
||||||
// <IconButton
|
|
||||||
// color='primary'
|
|
||||||
// aria-label='Stats for Nerds'
|
|
||||||
// onClick={() => this.props.fetchInfo()}
|
|
||||||
// onClick={this.handleClickOpenStatsForNerds}
|
|
||||||
// >
|
|
||||||
// <BarChartIcon />
|
|
||||||
// </IconButton>
|
|
||||||
// </Tooltip>
|
|
||||||
// </Grid>
|
|
||||||
// </Grid>
|
|
||||||
// </Grid>
|
|
||||||
// </Paper>
|
|
||||||
// );
|
|
||||||
// };
|
|
||||||
|
|
||||||
// render() {
|
|
||||||
// return (
|
|
||||||
// <div>
|
|
||||||
|
|
||||||
// <UpdateClientDialog
|
|
||||||
// open={this.state.openUpdateClient}
|
|
||||||
// coordinatorVersion={this.props.info.coordinatorVersion}
|
|
||||||
// clientVersion={this.props.info.clientVersion}
|
|
||||||
// handleClickClose={() =>
|
|
||||||
// this.props.setInfo({ ...this.props.info, openUpdateClient: false })
|
|
||||||
// }
|
|
||||||
// />
|
|
||||||
|
|
||||||
// <ExchangeSummaryDialog
|
|
||||||
// open={this.state.openExchangeSummary}
|
|
||||||
// handleClickCloseExchangeSummary={this.handleClickCloseExchangeSummary}
|
|
||||||
// numPublicBuyOrders={this.props.info.num_public_buy_orders}
|
|
||||||
// numPublicSellOrders={this.props.info.num_public_sell_orders}
|
|
||||||
// bookLiquidity={this.props.info.book_liquidity}
|
|
||||||
// activeRobotsToday={this.props.info.active_robots_today}
|
|
||||||
// lastDayNonkycBtcPremium={this.props.info.last_day_nonkyc_btc_premium}
|
|
||||||
// makerFee={this.props.info.maker_fee}
|
|
||||||
// takerFee={this.props.info.taker_fee}
|
|
||||||
// swapFeeRate={this.props.info.current_swap_fee_rate}
|
|
||||||
// />
|
|
||||||
|
|
||||||
// <ProfileDialog
|
|
||||||
// open={this.state.openProfile}
|
|
||||||
// handleClickCloseProfile={this.handleClickCloseProfile}
|
|
||||||
// nickname={this.props.robot.nickname}
|
|
||||||
// activeOrderId={this.props.robot.activeOrderId}
|
|
||||||
// lastOrderId={this.props.robot.lastOrderId}
|
|
||||||
// referralCode={this.props.robot.referralCode}
|
|
||||||
// tgEnabled={this.props.robot.tgEnabled}
|
|
||||||
// tgBotName={this.props.robot.tgBotName}
|
|
||||||
// tgToken={this.props.robot.tgToken}
|
|
||||||
// handleSubmitInvoiceClicked={this.handleSubmitInvoiceClicked}
|
|
||||||
// showRewardsSpinner={this.state.showRewardsSpinner}
|
|
||||||
// withdrawn={this.props.info.withdrawn}
|
|
||||||
// badInvoice={this.props.info.badInvoice}
|
|
||||||
// earnedRewards={this.props.robot.earnedRewards}
|
|
||||||
// updateRobot={(newParam) => this.props.setRobot({ ...robot, ...newParam })}
|
|
||||||
// stealthInvoices={this.props.robot.stealthInvoices}
|
|
||||||
// handleSetStealthInvoice={this.handleSetStealthInvoice}
|
|
||||||
// />
|
|
||||||
|
|
||||||
// <StatsDialog
|
|
||||||
// open={this.state.openStatsForNerds}
|
|
||||||
// handleClickCloseStatsForNerds={this.handleClickCloseStatsForNerds}
|
|
||||||
// coordinatorVersion={this.props.info.coordinatorVersion}
|
|
||||||
// clientVersion={this.props.info.clientVersion}
|
|
||||||
// lndVersion={this.props.info.lnd_version}
|
|
||||||
// network={this.props.info.network}
|
|
||||||
// nodeAlias={this.props.info.node_alias}
|
|
||||||
// nodeId={this.props.info.node_id}
|
|
||||||
// alternativeName={this.props.info.alternative_name}
|
|
||||||
// alternativeSite={this.props.info.alternative_site}
|
|
||||||
// commitHash={this.props.info.robosats_running_commit_hash}
|
|
||||||
// lastDayVolume={this.props.info.last_day_volume}
|
|
||||||
// lifetimeVolume={this.props.info.lifetime_volume}
|
|
||||||
// />
|
|
||||||
|
|
||||||
// <MediaQuery minWidth={1200}>{this.bottomBarDesktop()}</MediaQuery>
|
|
||||||
|
|
||||||
// <MediaQuery maxWidth={1199}>{this.bottomBarPhone()}</MediaQuery>
|
|
||||||
// </div>
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// export default NavBar;
|
|
||||||
|
|||||||
51
frontend/src/components/TradeBox/Dialogs/ConfirmDispute.tsx
Normal file
51
frontend/src/components/TradeBox/Dialogs/ConfirmDispute.tsx
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { useTranslation } from 'react-i18next';
|
||||||
|
import {
|
||||||
|
Dialog,
|
||||||
|
DialogTitle,
|
||||||
|
DialogActions,
|
||||||
|
DialogContent,
|
||||||
|
DialogContentText,
|
||||||
|
Button,
|
||||||
|
} from '@mui/material';
|
||||||
|
|
||||||
|
interface ConfirmDisputeDialogProps {
|
||||||
|
open: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
onAgreeClick: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ConfirmDisputeDialog = ({
|
||||||
|
open,
|
||||||
|
onClose,
|
||||||
|
onAgreeClick,
|
||||||
|
}: ConfirmDisputeDialogProps): JSX.Element => {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog open={open} onClose={onClose}>
|
||||||
|
<DialogTitle>{t('Do you want to open a dispute?')}</DialogTitle>
|
||||||
|
<DialogContent>
|
||||||
|
<DialogContentText>
|
||||||
|
{t(
|
||||||
|
'The RoboSats staff will examine the statements and evidence provided. You need to build a complete case, as the staff cannot read the chat. It is best to provide a burner contact method with your statement. The satoshis in the trade escrow will be sent to the dispute winner, while the dispute loser will lose the bond.',
|
||||||
|
)}
|
||||||
|
</DialogContentText>
|
||||||
|
<br />
|
||||||
|
<DialogContentText>
|
||||||
|
{t(
|
||||||
|
'Make sure to EXPORT the chat log. The staff might request your exported chat log JSON in order to solve discrepancies. It is your responsibility to store it.',
|
||||||
|
)}
|
||||||
|
</DialogContentText>
|
||||||
|
</DialogContent>
|
||||||
|
<DialogActions>
|
||||||
|
<Button onClick={onClose} autoFocus>
|
||||||
|
{t('Disagree')}
|
||||||
|
</Button>
|
||||||
|
<Button onClick={onAgreeClick}>{t('Agree and open dispute')}</Button>
|
||||||
|
</DialogActions>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ConfirmDisputeDialog;
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { useTranslation } from 'react-i18next';
|
||||||
|
import {
|
||||||
|
Dialog,
|
||||||
|
DialogTitle,
|
||||||
|
DialogActions,
|
||||||
|
DialogContent,
|
||||||
|
DialogContentText,
|
||||||
|
Button,
|
||||||
|
} from '@mui/material';
|
||||||
|
import { Order } from '../../../models';
|
||||||
|
import currencyDict from '../../../../static/assets/currencies.json';
|
||||||
|
import { pn } from '../../../utils';
|
||||||
|
import { LoadingButton } from '@mui/lab';
|
||||||
|
|
||||||
|
interface ConfirmFiatReceivedDialogProps {
|
||||||
|
open: boolean;
|
||||||
|
loadingButton: boolean;
|
||||||
|
order: Order;
|
||||||
|
onClose: () => void;
|
||||||
|
onConfirmClick: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ConfirmFiatReceivedDialog = ({
|
||||||
|
open,
|
||||||
|
loadingButton,
|
||||||
|
onClose,
|
||||||
|
order,
|
||||||
|
onConfirmClick,
|
||||||
|
}: ConfirmFiatReceivedDialogProps): JSX.Element => {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const currencyCode = currencyDict[order.currency.toString()];
|
||||||
|
const amount = pn(parseFloat(parseFloat(order.amount).toFixed(order.currency == 1000 ? 8 : 4)));
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog open={open} onClose={onClose}>
|
||||||
|
<DialogTitle>
|
||||||
|
{t('Confirm you received {{amount}} {{currencyCode}}?', { currencyCode, amount })}
|
||||||
|
</DialogTitle>
|
||||||
|
<DialogContent>
|
||||||
|
<DialogContentText id='alert-dialog-description'>
|
||||||
|
{t(
|
||||||
|
'Confirming that you received the fiat will finalize the trade. The satoshis in the escrow will be released to the buyer. Only confirm after the {{amount}} {{currencyCode}} have arrived to your account. In addition, if you have received the payment and do not confirm it, you risk losing your bond.',
|
||||||
|
{ currencyCode, amount },
|
||||||
|
)}
|
||||||
|
</DialogContentText>
|
||||||
|
</DialogContent>
|
||||||
|
<DialogActions>
|
||||||
|
<Button onClick={onClose} autoFocus>
|
||||||
|
{t('Go back')}
|
||||||
|
</Button>
|
||||||
|
<LoadingButton loading={loadingButton} onClick={onConfirmClick}>
|
||||||
|
{t('Confirm')}
|
||||||
|
</LoadingButton>
|
||||||
|
</DialogActions>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ConfirmFiatReceivedDialog;
|
||||||
2
frontend/src/components/TradeBox/Dialogs/index.ts
Normal file
2
frontend/src/components/TradeBox/Dialogs/index.ts
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
export { ConfirmDisputeDialog } from './ConfirmDispute';
|
||||||
|
export { ConfirmFiatReceivedDialog } from './ConfirmFiatReceived';
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user