import React from 'react';
import { Router, Route, hashHistory} from 'react-router';
import ChatBase from './view/ChatBase/ChatBaseView';
import ChatExpert from './view/ChatExpert/ChatExpertView';
import Expert from './view/Expert/ExpertView';
import ExpertInquiry from './view/ExpertInquiry/ExpertInquiryView';
import Home from './view/Home/Home';
import Login from './view/Login/LoginView';
import MyOrder from './view/MyOrder/MyOrderView';
import SendChatLog from './view/SendChatLog/SendChatLogView';
import UserMessage from './view/UserMessage/UserMessageView';
import Referral from './view/Referral/ReferralView';
import Test from './test';
import ChiefDoctor from './view/ChiefDoctor/ChiefDoctor';
import MyPatient from './view/MyPatient/MyPatient';
import AllDoctor from './view/MyAllDoctor/MyAllDoctor';
import MyAssociatedDoctor from './view/MyAssociatedDoctor/MyAssociatedDoctor';

class App extends React.Component {
	constructor(props) {
		super(props);
		this.state = {};
	}
	componentWillMount() {
		fetch('data.json')
			.then((res) => res.json())
			.then((res) => {
				this.setState(res);
			});
	}
	render() {
		return (
			<div>
				<Router history={hashHistory}>
					<Route path="/" component={Login}/>
					<Route path="/test" component={Test}/>
					<Route path="/chatBase" component={ChatBase}/>
					<Route path="/chatExpert" component={ChatExpert}/>
					<Route path="/expert" component={Expert}/>
					<Route path="/expertinquiry" component={ExpertInquiry}/>
					<Route path="/home" component={Home}/>
					<Route path="/myOrder" component={MyOrder}/>
					<Route path="/sendChatLog" component={SendChatLog}/>
					<Route path="/userMessage" component={UserMessage}/>
					<Route path="/referral" component={Referral}/>
					<Route path="/chiefdoctor" component={ChiefDoctor}/>
					<Route path="/mypatient" component={MyPatient} />
					<Route path="/myalldoctor" component={AllDoctor} />
					<Route path="/myassociateddoctor" component={MyAssociatedDoctor} />
				</Router>
				{/*<div>*/}
				{/*<ul>*/}
				{/*<li><a href="#/">login</a></li>*/}
				{/*/!*<li><a href="#/test">test</a></li>*!/*/}
				{/*<li><a href="#/chatBase">chatBase</a></li>*/}
				{/*<li><a href="#/chatExpert">chatExpert</a></li>*/}
				{/*<li><a href="#/expert">expert</a></li>*/}
				{/*<li><a href="#/expertinquiry">ExpertInquiry</a></li>*/}
				{/*<li><a href="#/home">home</a></li>*/}
				{/*<li><a href="#/myOrder">myOrder</a></li>*/}
				{/*<li><a href="#/sendChatLog">sendChatLog</a></li>*/}
				{/*<li><a href="#/userMessage">userMessage</a></li>*/}
				{/*</ul>*/}
				{/*</div>*/}
			</div>
		);
	}
}

export default App;