add setting page
This commit is contained in:
parent
eb6523f9c0
commit
b4e0e51588
@ -1,7 +1,7 @@
|
|||||||
import React, { createContext, useEffect, useRef, useState } from 'react';
|
import React, { createContext, useEffect, useRef, useState } from 'react';
|
||||||
import ReactDom from 'react-dom';
|
import ReactDom from 'react-dom';
|
||||||
import {BrowserRouter, Redirect, Route, Switch as RouterSwitch} from 'react-router-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 {getInitialValue, UserContext} from './state';
|
||||||
|
|
||||||
import './css/style.css';
|
import './css/style.css';
|
||||||
@ -31,6 +31,7 @@ const App = () => {
|
|||||||
<Route path="/login" render={()=><LoginPage></LoginPage>}/>
|
<Route path="/login" render={()=><LoginPage></LoginPage>}/>
|
||||||
<Route path="/profile" component={ProfilePage}></Route>
|
<Route path="/profile" component={ProfilePage}></Route>
|
||||||
<Route path="/difference" component={DifferencePage}></Route>
|
<Route path="/difference" component={DifferencePage}></Route>
|
||||||
|
<Route path="/setting" component={SettingPage}></Route>
|
||||||
<Route>
|
<Route>
|
||||||
<NotFoundPage/>
|
<NotFoundPage/>
|
||||||
</Route>
|
</Route>
|
||||||
|
@ -3,4 +3,5 @@ export * from './gallery';
|
|||||||
export * from './login';
|
export * from './login';
|
||||||
export * from './404';
|
export * from './404';
|
||||||
export * from './profile';
|
export * from './profile';
|
||||||
export * from './difference';
|
export * from './difference';
|
||||||
|
export * from './setting';
|
13
src/client/page/setting.tsx
Normal file
13
src/client/page/setting.tsx
Normal file
@ -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>);
|
||||||
|
};
|
@ -88,6 +88,7 @@ class ServerApplication{
|
|||||||
serveindex('/login');
|
serveindex('/login');
|
||||||
serveindex('/profile');
|
serveindex('/profile');
|
||||||
serveindex('/difference');
|
serveindex('/difference');
|
||||||
|
serveindex('/setting');
|
||||||
}
|
}
|
||||||
private serve_static_file(router: Router){
|
private serve_static_file(router: Router){
|
||||||
const setting = get_setting();
|
const setting = get_setting();
|
||||||
|
Loading…
Reference in New Issue
Block a user