From 5ef4729ea9cadaed7c59de8469428d6f49906501 Mon Sep 17 00:00:00 2001
From: Gary Wang <gary@garywang.net>
Date: Wed, 5 Aug 2020 02:51:25 -0700
Subject: [PATCH] Add link to source

---
 src/components/NavigationFrame.js | 43 ++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/components/NavigationFrame.js b/src/components/NavigationFrame.js
index 492b882..2274541 100644
--- a/src/components/NavigationFrame.js
+++ b/src/components/NavigationFrame.js
@@ -17,6 +17,8 @@ import Divider from '@material-ui/core/Divider';
 import Hidden from '@material-ui/core/Hidden';
 import IconButton from '@material-ui/core/IconButton';
 import SolanaIcon from './SolanaIcon';
+import CodeIcon from '@material-ui/icons/Code';
+import Tooltip from '@material-ui/core/Tooltip';
 
 const useStyles = makeStyles((theme) => ({
   content: {
@@ -47,6 +49,31 @@ export default function NavigationFrame({ children }) {
           </Typography>
           <WalletSelector />
           <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>
       </AppBar>
       <main className={classes.content}>{children}</main>
@@ -84,9 +111,11 @@ function NetworkSelector() {
         </Button>
       </Hidden>
       <Hidden smUp>
-        <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
-          <SolanaIcon />
-        </IconButton>
+        <Tooltip title="Select Network" arrow>
+          <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
+            <SolanaIcon />
+          </IconButton>
+        </Tooltip>
       </Hidden>
       <Menu
         anchorEl={anchorEl}
@@ -139,9 +168,11 @@ function WalletSelector() {
         </Button>
       </Hidden>
       <Hidden smUp>
-        <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
-          <AccountIcon />
-        </IconButton>
+        <Tooltip title="Select Account" arrow>
+          <IconButton color="inherit" onClick={(e) => setAnchorEl(e.target)}>
+            <AccountIcon />
+          </IconButton>
+        </Tooltip>
       </Hidden>
       <Menu
         anchorEl={anchorEl}