reformat code

i18n.json

@@ -20,6 +20,7 @@
     "yonghuan": "The Disappearing of Gensokyo",
     "sign-up": "Sign Up",
     "sign-in": "Sign In",
+    "sign-out": "Sign out",
     "Please-sign-in":"Please sign In",
     "email-address-or-username": "E-Mail or Username",
     "register-now": "register-now!",
@@ -100,6 +101,7 @@
     "yonghuan": "永远消失的幻想乡",
     "sign-up": "注册",
     "sign-in": "登陆",
+    "sign-out": "登出",
     "Please-sign-in":"您尚未登录，请先登录",
     "email-address-or-username": "邮箱或用户名",
     "register-now": "现在注册",

src/models/auth.js

@@ -21,6 +21,12 @@ export default {
     register: {},
   },
   reducers: {
+    signOut(state){
+      console.log('sign out');
+      localStorage.removeItem('token');
+      localStorage.removeItem('user');
+      return state;
+    },
     change(state, action) {
       return {
         ...state, ...action.payload,

src/routes/Index.js

@@ -6,9 +6,8 @@ import DocumentTitle from 'react-document-title';
 import { FormattedMessage as Format } from 'react-intl';
 import Particles from 'react-particles-js';
 import logo from '../assets/MoeCube.png';
-const { Header, Footer, Sider, Content } = Layout;
-
 
+const { Header, Footer } = Layout;
 const particleConfig = {
   particles: {
     number: {
@@ -123,7 +122,7 @@ const particleConfig = {
   retina_detect: true,
 };
 
-function Index({ children, messages }) {
+function Index({ children, messages, dispatch }) {
   return (
     <div style={{ height: '100%'}}>
       <DocumentTitle title={messages.title || 'Moe Cube'} />
@@ -145,6 +144,20 @@ function Index({ children, messages }) {
             </Link>
           </Menu.Item>
         </Menu>
+
+        <Menu
+          theme="dark"
+          mode="horizontal"
+          defaultSelectedKeys={['1']}
+          style={{ lineHeight: '64px', position: 'absolute', right: '50px' }}
+        >
+          {localStorage.getItem('user') ? (<Menu.Item key="1">
+            <div onClick={() => { dispatch({ type : 'auth/signOut' }) }}>
+              <Format id="sign-out"/>
+            </div>
+          </Menu.Item>):(<div></div>)
+          }
+        </Menu>
       </Header>
 
       <Particles

src/routes/Profiles.js

@@ -125,6 +125,7 @@ class Profiles extends React.Component {
                     </div>
                     :
                     <img src={avatar || imageUrl || defaultAvatar}
+                         style={{ height: '256px', width: '256px' }}
                          onClick={() => dispatch({ type: 'upload/start' })}
                     />
                 }