project-serum
/
spl-token-wallet
mirror of https://github.com/project-serum/spl-token-wallet.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add link to source

This commit is contained in:
Gary Wang 2020-08-05 02:51:25 -07:00
parent d2272ec21a
commit 5ef4729ea9
1 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/NavigationFrame.js
View File

@ -17,6 +17,8 @@ import Divider from '@material-ui/core/Divider';
import Hidden from '@material-ui/core/Hidden'; import Hidden from '@material-ui/core/Hidden';
import IconButton from '@material-ui/core/IconButton'; import IconButton from '@material-ui/core/IconButton';
import SolanaIcon from './SolanaIcon'; import SolanaIcon from './SolanaIcon';
import CodeIcon from '@material-ui/icons/Code';
import Tooltip from '@material-ui/core/Tooltip';
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
content: { content: {
@ -47,6 +49,31 @@ export default function NavigationFrame({ children }) {
</Typography> </Typography>
<WalletSelector /> <WalletSelector />
<NetworkSelector /> <NetworkSelector />
<Hidden xsDown>
<Button
component="a"
color="inherit"
target="_blank"
rel="noopener"
href="https://github.com/serum-foundation/spl-token-wallet"
className={classes.button}
>
Source
</Button>
</Hidden>
<Hidden smUp>
<Tooltip title="View Source" arrow>
<IconButton
component="a"
color="inherit"
target="_blank"
rel="noopener"
href="https://github.com/serum-foundation/spl-token-wallet"
>
<CodeIcon />
</IconButton>
</Tooltip>
</Hidden>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<main className={classes.content}>{children}</main> <main className={classes.content}>{children}</main>
@ -84,9 +111,11 @@ function NetworkSelector() {
</Button> </Button>
</Hidden> </Hidden>
<Hidden smUp> <Hidden smUp>
<IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}> <Tooltip title="Select Network" arrow>
<SolanaIcon /> <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
</IconButton> <SolanaIcon />
</IconButton>
</Tooltip>
</Hidden> </Hidden>
<Menu <Menu
anchorEl={anchorEl} anchorEl={anchorEl}
@ -139,9 +168,11 @@ function WalletSelector() {
</Button> </Button>
</Hidden> </Hidden>
<Hidden smUp> <Hidden smUp>
<IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}> <Tooltip title="Select Account" arrow>
<AccountIcon /> <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
</IconButton> <AccountIcon />
</IconButton>
</Tooltip>
</Hidden> </Hidden>
<Menu <Menu
anchorEl={anchorEl} anchorEl={anchorEl}