import React , { Component } from 'react';

import {Route,Switch} from 'react-router-dom';


import { SnackbarHOC } from 'educoder';
import { CNotificationHOC } from '../modules/courses/common/CNotificationHOC';


import './css/index.css';

import Loadable from 'react-loadable';
import Loading from '../Loading';

import axios from 'axios';

const ProjectNew = Loadable({
	loader: () => import('./New/Index'),
	loading: Loading,
})
const ProjectIndex = Loadable({
	loader: () => import('./Main/Index'),
	loading: Loading,
})

const ProjectDetail = Loadable({
	loader: () => import('./Main/Detail'),
	loading: Loading,
})

class Index extends Component{
  constructor(props){
    super(props);
    this.state={
      current_user:undefined
    }
  }
  componentDidMount=()=>{
    this.getUserInfo();
    document.title="forge开源";
  }

  getUserInfo=()=>{
    const url = `/users/me.json`;
    axios.get(url).then(result=>{
      if(result && result.data.login){
        this.setState({
          current_user:result.data
        })
      }
    }).catch(error=>{
      console.log(error)
    })
  }
  render(){
    const {current_user} = this.state;
    return(
      <Switch {...this.props}>
        <Route path="/projects/:projectsType/new"
          render={
            (props) => (<ProjectNew {...this.props} {...props} {...this.state} current_user={current_user}/>)
          }
        ></Route>
        <Route path="/projects/:projectsId"
          render={
            (props) => (<ProjectDetail {...this.props} {...props} {...this.state} current_user={current_user}/>)
          }
        ></Route>
        <Route exact path="/projects"
          render={
            (props) => (<ProjectIndex {...this.props} {...props} {...this.state} current_user={current_user}/>)
          }
        ></Route> 
      </Switch>
    )
  }
}
export default CNotificationHOC() ( SnackbarHOC() ( Index ));