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

Replace bottomBar unicode emojis for svg icons

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-03-27 08:23:00 -07:00
parent 784ce92ae5
commit 85ff23894d
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
4 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,8 @@ import WebIcon from '@mui/icons-material/Web';
import BookIcon from '@mui/icons-material/Book'; import BookIcon from '@mui/icons-material/Book';
import PersonAddAltIcon from '@mui/icons-material/PersonAddAlt'; import PersonAddAltIcon from '@mui/icons-material/PersonAddAlt';
import EmojiEventsIcon from '@mui/icons-material/EmojiEvents'; import EmojiEventsIcon from '@mui/icons-material/EmojiEvents';
import AmbossIcon from "./icons/AmbossIcon" import AmbossIcon from "./icons/AmbossIcon";
import FavoriteIcon from '@mui/icons-material/Favorite';
// pretty numbers // pretty numbers
function pn(x) { function pn(x) {
@ -175,7 +176,14 @@ export default class BottomBar extends Component {
<Divider/> <Divider/>
<ListItem> <ListItem>
<ListItemIcon><PublicIcon/></ListItemIcon> <ListItemIcon><PublicIcon/></ListItemIcon>
<ListItemText primary="Made with ❤️ and ⚡" secondary="... somewhere on Earth!"/> <ListItemText primary={
<div style={{display:'flex', alignItems:'center', justifyContent:'left', flexWrap:'wrap'}}>
<span>Made with </span>
<FavoriteIcon sx={{ color: "#FF0000", height: '22px',width: '22px'}}/>
<span> and </span>
<BoltIcon sx={{ color: "#fcba03", height: '23px',width: '23px'}}/>
</div>}
secondary="... somewhere on Earth!"/>
</ListItem> </ListItem>
</List> </List>
@ -291,7 +299,13 @@ export default class BottomBar extends Component {
<ListItem className="profileNickname"> <ListItem className="profileNickname">
<ListItemText secondary="Your robot"> <ListItemText secondary="Your robot">
<Typography component="h6" variant="h6"> <Typography component="h6" variant="h6">
{this.props.nickname ? "⚡"+this.props.nickname+"⚡" : ""} {this.props.nickname ?
<div style={{position:'relative',left:'-7px'}}>
<div style={{display:'flex', alignItems:'center', justifyContent:'left', flexWrap:'wrap', width:300}}>
<BoltIcon sx={{ color: "#fcba03", height: '28px',width: '24px'}}/><a>{this.props.nickname}</a><BoltIcon sx={{ color: "#fcba03", height: '28px',width: '24px'}}/>
</div>
</div>
: ""}
</Typography> </Typography>
</ListItemText> </ListItemText>
<ListItemAvatar> <ListItemAvatar>

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

@ -543,7 +543,7 @@ export default class OrderPage extends Component {
<ListItem> <ListItem>
<ListItemIcon> <ListItemIcon>
<div style={{zoom:1.25,opacity: 0.7}}> <div style={{zoom:1.25,opacity: 0.7, '-ms-zoom': 1.25, '-webkit-zoom': 1.25,'-moz-transform': 'scale(1.25,1.25)', '-moz-transform-origin': 'left center'}}>
{getFlags(this.state.currencyCode)} {getFlags(this.state.currencyCode)}
</div> </div>
</ListItemIcon> </ListItemIcon>

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

@ -9,5 +9,5 @@ export default function getFlags(code){
if(code == 'AZN') return '🇦🇿'; // code AZ not working if(code == 'AZN') return '🇦🇿'; // code AZ not working
if(code == 'XOF') code = 'SN'; if(code == 'XOF') code = 'SN';
if(code == 'ANG') code = 'CW'; if(code == 'ANG') code = 'CW';
return <div style={{width:24, height: 16}}><Flag country={code.substring(0,2)} size={18}/></div>; return <div style={{width:24, height: 18}}><Flag country={code.substring(0,2)} size={18}/></div>;
}; };

4
frontend/static/frontend/main.js
View File

File diff suppressed because one or more lines are too long