add setting page

src/client/app.tsx

@@ -1,7 +1,7 @@
 import React, { createContext, useEffect, useRef, useState } from 'react';
 import ReactDom from 'react-dom';
 import {BrowserRouter, Redirect, Route, Switch as RouterSwitch} from 'react-router-dom';
-import { Gallery, DocumentAbout, LoginPage, NotFoundPage, ProfilePage,DifferencePage} from './page/mod';
+import { Gallery, DocumentAbout, LoginPage, NotFoundPage, ProfilePage,DifferencePage, SettingPage} from './page/mod';
 import {getInitialValue, UserContext} from './state';
 
 import './css/style.css';
@@ -31,6 +31,7 @@ const App = () => {
                     <Route path="/login" render={()=><LoginPage></LoginPage>}/>
                     <Route path="/profile" component={ProfilePage}></Route>
                     <Route path="/difference" component={DifferencePage}></Route>
+                    <Route path="/setting" component={SettingPage}></Route>
                     <Route>
                         <NotFoundPage/>
                     </Route>

src/client/page/mod.ts

@@ -4,3 +4,4 @@ export * from './login';
 export * from './404';
 export * from './profile';
 export * from './difference';
+export * from './setting';

src/client/page/setting.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import {Typography, Paper} from '@material-ui/core';
+import {ArrowBack as ArrowBackIcon} from '@material-ui/icons';
+import { Headline, BackItem, NavList, CommonMenuList } from '../component/mod';
+
+export const SettingPage = ()=>{
+    const menu = CommonMenuList();
+    return (<Headline menu={menu}>
+            <Paper>
+                <Typography variant='h2'>Setting</Typography>
+            </Paper>
+    </Headline>);
+};

src/server.ts

@@ -88,6 +88,7 @@ class ServerApplication{
         serveindex('/login');
         serveindex('/profile');
         serveindex('/difference');
+        serveindex('/setting');
     }
     private serve_static_file(router: Router){
         const setting = get_setting();