import React, { Component } from 'react' import {Badge, TextField, ListItemAvatar, Avatar,Paper, Grid, IconButton, Typography, Select, MenuItem, List, ListItemText, ListItem, ListItemIcon, ListItemButton, Divider, Dialog, DialogContent} from "@mui/material"; import MediaQuery from 'react-responsive' // Icons import SettingsIcon from '@mui/icons-material/Settings'; import PeopleIcon from '@mui/icons-material/People'; import InventoryIcon from '@mui/icons-material/Inventory'; import SellIcon from '@mui/icons-material/Sell'; import SmartToyIcon from '@mui/icons-material/SmartToy'; import PercentIcon from '@mui/icons-material/Percent'; import PriceChangeIcon from '@mui/icons-material/PriceChange'; import BoltIcon from '@mui/icons-material/Bolt'; import GitHubIcon from '@mui/icons-material/GitHub'; import EqualizerIcon from '@mui/icons-material/Equalizer'; import SendIcon from '@mui/icons-material/Send'; import PublicIcon from '@mui/icons-material/Public'; import NumbersIcon from '@mui/icons-material/Numbers'; import PasswordIcon from '@mui/icons-material/Password'; import ContentCopy from "@mui/icons-material/ContentCopy"; // pretty numbers function pn(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } export default class BottomBar extends Component { constructor(props) { super(props); this.state = { openStatsForNerds: false, openCommuniy: false, openExchangeSummary:false, num_public_buy_orders: 0, num_public_sell_orders: 0, active_robots_today: 0, fee: 0, today_avg_nonkyc_btc_premium: 0, today_total_volume: 0, lifetime_satoshis_settled: 0, robosats_running_commit_hash: '000000000000000', openProfile: false, profileShown: false, }; this.getInfo(); } handleClickSuppport = () => { window.open("https://t.me/robosats"); }; getInfo() { this.setState(null) fetch('/api/info/') .then((response) => response.json()) .then((data) => this.setState(data) & this.props.setAppState({nickname:data.nickname})); } handleClickOpenStatsForNerds = () => { this.setState({openStatsForNerds: true}); }; handleClickCloseStatsForNerds = () => { this.setState({openStatsForNerds: false}); }; StatsDialog =() =>{ return( Stats For Nerds {this.state.robosats_running_commit_hash.slice(0, 12)+"..."} ) } handleClickOpenCommunity = () => { this.setState({openCommuniy: true}); }; handleClickCloseCommunity = () => { this.setState({openCommuniy: false}); }; CommunityDialog =() =>{ return( Community

Support is only offered via public channels. Join our Telegram community if you have questions or want to hang out with other cool robots. Please, use our Github Issues if you find a bug or want to see new features!

) } handleClickOpenProfile = () => { this.getInfo(); this.setState({openProfile: true, profileShown: true}); }; handleClickCloseProfile = () => { this.setState({openProfile: false}); }; dialogProfile =() =>{ return( Your Profile {this.props.nickname ? "⚡"+this.props.nickname+"⚡" : ""} {this.state.active_order_id ? // TODO Link to router and do this.props.history.push : } {this.props.token ? navigator.clipboard.writeText(this.props.token)}> , }} /> : 'Cannot remember'} ) } bottomBarDesktop =()=>{ return( 0 & !this.state.profileShown) ? "": null} color="primary"> ) } handleClickOpenExchangeSummary = () => { this.getInfo(); this.setState({openExchangeSummary: true}); }; handleClickCloseExchangeSummary = () => { this.setState({openExchangeSummary: false}); }; exchangeSummaryDialogPhone =() =>{ return( Exchange Summary ) } bottomBarPhone =()=>{ return( 0 & !this.state.profileShown) ? "": null} color="primary"> ) } render() { return (
) } }