feat: add a nav back button for gecko & wk

DimensionDev · Oct 10, 2019 · 4ac389d · 4ac389d
1 parent 33c2c31
commit 4ac389d
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -31,6 +31,7 @@ import NearMe from '@material-ui/icons/NearMe'
 import Assignment from '@material-ui/icons/Assignment'
 import Phonelink from '@material-ui/icons/Phonelink'
 import Code from '@material-ui/icons/Code'
+import ArrowBack from '@material-ui/icons/ArrowBack'
 import { ExportData } from './components/MobileImportExport/Export'
 import './setup.ui'
 import { SSRRenderer } from './utils/SSRRenderer'
@@ -119,7 +120,19 @@ function ResponsiveDrawer() {
             <Divider />
             <List onClick={handleDrawerToggle}>{Links1st}</List>
             <Divider />
-            <List onClick={handleDrawerToggle}>{Links2rd}</List>
+            <List onClick={handleDrawerToggle}>
+                {Links2rd}
+                {(process.env.firefoxVariant === 'GeckoView' || process.env.target === 'WKWebview') && (
+                    <MuiLink color="textPrimary" component={Link} to="/" onClick={window.close}>
+                        <ListItem button>
+                            <ListItemIcon>
+                                <ArrowBack />
+                            </ListItemIcon>
+                            <ListItemText primary="Back" />
+                        </ListItem>
+                    </MuiLink>
+                )}
+            </List>
         </div>
     )