import { Route } from 'react-router';
import NotImplemented from './pages/NotImplemented';
import EventDetail from './pages/EventDetail';
import MemberProfile from './pages/MemberProfile';
import PATHS from './PATHS';
import MembersNearByList from './pages/MembersNearByList';
import OrderList from './pages/OrderList';
import MessageList from './pages/MessageList';
import Favourites from './pages/Favourites';
import MyProfile from './pages/MyProfile';
import EventList from './pages/EventList';
import Helloworld from './pages/Helloworld';
// import WeatherDemo from './pages/WeatherDemo/Tab1';
import DemoList from './pages/DemoList';
// import DemoReactShop from './pages/DemoReactShop';

const TabAppRoute: React.FC = () => {
  return (
    <>
      <Route path={PATHS.TAB_NOT_IMPLEMENTED} component={NotImplemented} />

      {/*  */}
      <Route path={PATHS.NEARBY_LIST} render={() => <MembersNearByList />} exact={true} />

      {/*  */}
      <Route path={PATHS.ORDERS_LIST} render={() => <OrderList />} exact={true} />

      {/*  */}
      <Route path={PATHS.MESSAGE_LIST} render={() => <MessageList />} exact={true} />

      {/*  */}
      <Route path={PATHS.FAVOURITES_LIST} render={() => <Favourites />} exact={true} />

      {/*  */}
      <Route path={PATHS.EVENT_LIST} render={() => <EventList />} exact={true} />

      {/*  */}
      <Route path={PATHS.PROFILE} render={() => <MyProfile />} exact={true} />

      {/*  */}
      <Route path="/tabs/demo-list" render={() => <DemoList />} exact={true} />

      {/*  */}
      <Route path="/tabs/helloworld" render={() => <Helloworld />} exact={true} />
    </>
  );
};

export default TabAppRoute;