//登陆页的基本操作
import LoginMod from './../login/Signin'
//登陆的首页
//blog
import StartPage from './blog/StartPage'
import FileNotFound from './blog/FileNotFound'
import TechTalk from './blog/TechTalk'
import AboutAuthor from './blog/AboutAuthor'
import TechAritcle from './blog/TechAritcle'
import AboutSite from './blog/AboutSite'
import Album from './blog/Album'
import CommentSite from './blog/CommentSite'
//back
import PrivateZone from './back/PrivateZone'
import EditTopic from './back/EditTopic'
export default [
  { path: "/", name: "首页", component: StartPage},
  { path: "/tech-talk", name: "首页", component: TechTalk},
  { path: "/about-author", name: "作者", component: AboutAuthor},
  { path: "/about-site", name: "关于本站", component: AboutSite},
  { path: "/tech-article", name: "文章", component: TechAritcle},
  { path: "/album", name: "相册", component: Album},
  { path: "/comment-site", name: "留言板", component: CommentSite},
  { path: "/edit-topic", name: "编辑我们的文章", component: EditTopic,auth:true},
  { path: "/login", name: "登陆页的基本操作", component: LoginMod},
  { path: "/private-zone", name: "个人空间的首页", component: PrivateZone,auth:true},
]

const mapStateToProps = (state, ownProps) => {
  console.log("mapStateToProps",state)
  return { token: state.token }
}
export default connect(mapStateToProps)(App);

import React from 'react';
// import logo from './logo.svg';
import './App.css';
import { BrowserRouter as Router,Route,Switch,Link,Redirect, withRouter} from "react-router-dom";
import { connect, Provider } from 'react-redux'
import Routers from './router/routers'
import FileNotFound from './router/blog/FileNotFound'
import zhCN from 'antd/es/locale/zh_CN';
import { ConfigProvider } from 'antd';
import { FetchDoGet } from './commons/Utils';
import store from './store/store'
class App extends React.Component{
  constructor(props){
    super(props)
    this.state={
    }
  }
  componentDidMount(){
  }
  render(){
    let token = this.props.token
    return(
      <ConfigProvider locale={zhCN}>
        <Router>
          <div>
            <Switch>
              {Routers.map((item,index)=>{
              return (
                <Route key={index} 
                path={item.path} 
                exact 
                render={(props) =>{
                  console.log("props",props)
                  return (!item.auth ? (<item.component {...props} />) : (token ? <item.component {...props} /> :
                    <Redirect to={{
                   pathname: '/login',
                   state: { from: props.location }
                   }} />)
                  )
                }
                }/>
               )//end Route
              })}
            // 所有错误路由跳转页面
            <Route component={FileNotFound} />
           </Switch>
        </div>            
        </Router>
      </ConfigProvider>
    )
  }
}
const mapStateToProps = (state, ownProps) => {
  console.log("mapStateToProps",state)
  return { token: state.token }
}
export default connect(mapStateToProps)(App);

export function createStore(initialState) {
    let state = initialState;
    const listeners = [];
    function setState(partial) {
     state = {
      ...state,
      ...partial,
     };
     for (let i = 0; i < listeners.length; i++) {
      listeners[i]();
     }
    }
    function getState() {
     return state;
    }
    function subscribe(listener) {
     listeners.push(listener);
     return function unsubscribe() {
      const index = listeners.indexOf(listener);
      listeners.splice(index, 1);
     };
    }
    return {
     setState,
     getState,
     subscribe,
    };
   }

import {createStore} from './StoreUtils'
export default createStore({
    token:"sds"
})

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { Provider } from 'react-redux';
import { BrowserRouter, Route } from 'react-router-dom';
import { createStore } from 'redux';
import store from './store/store'
//
// ReactDOM.render(<App />, document.getElementById('root'));
ReactDOM.render(
    <BrowserRouter>
      <Provider store={store}>
        <Route component={App} />
      </Provider>
    </BrowserRouter>, document.getElementById('root'));
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

store.setState({
      token:null
 })