update

src/App.tsx

@@ -1,25 +1,26 @@
 import React from 'react';
 import { hot } from 'react-hot-loader/root';
-import { Layout, Menu } from 'antd';
+import { Layout } from 'antd';
+import { HashRouter as Router } from 'react-router-dom';
 import { GithubProvider } from './contexts/Github';
 import { EncryptionProvider } from './contexts/Encryption';
 import { DecryptionProvider } from './contexts/Decryption';
 import AppRouter from './Router';
 
-const App: React.FC = () => (
+const App: React.FC = () => {
+  return (
     <GithubProvider>
       <EncryptionProvider>
         <DecryptionProvider>
           <Layout style={{minHeight:"100vh"}}>
-          <Layout.Header>
+            <Router>
-          </Layout.Header>
-          <Layout.Content style={{ padding: '25px', maxWidth: '800px', width: '100%', margin: 'auto' }}>
               <AppRouter/>
-          </Layout.Content>
+            </Router>
           </Layout>
         </DecryptionProvider>
       </EncryptionProvider>
     </GithubProvider>
-);
+  );
+};
 
 export default hot(App);

src/Router.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import {
-  HashRouter as Router,
   Switch,
   Route,
+  useHistory,
 } from 'react-router-dom';
+import {  HomeFilled } from '@ant-design/icons';
+import { Layout, Button, Space } from 'antd';
 
 import Intro from './screens/Intro';
 import Encrypt from './screens/Encrypt';
@@ -12,8 +14,21 @@ import SetupKey from './screens/SetupKey';
 import Welcome from './screens/Welcome';
 import Debug from './screens/Debug';
 
-const AppRouter: React.FC = () => (
+const AppRouter: React.FC = () => {
-  <Router>
+  const history = useHistory();
+  return (
+    <>
+      <Layout style={{ textAlign: 'center' }}>
+        <Space>
+        <Button
+          onClick={() => history.push('/')}
+          icon={<HomeFilled />}
+        >
+          Home
+        </Button>
+      </Space>
+      </Layout>
+      <Layout.Content style={{ padding: '25px', maxWidth: '800px', width: '100%', margin: 'auto' }}>
         <Switch>
           <Route path="/debug">
             <Debug />
@@ -34,7 +49,9 @@ const AppRouter: React.FC = () => (
             <Intro />
           </Route>
         </Switch>
-  </Router>
+      </Layout.Content>
-);
+    </>
+  );
+}
 
 export default AppRouter;

src/screens/Intro.tsx

@@ -21,9 +21,8 @@ const Thumb: React.FC = ({
   return (
     <Button
       size="large"
-      shape="round"
-      type="link"
       icon={<Icon />}
+      type="link"
       onClick={() => history.push(link)}
     >
       {title}