//
// pages without bottom tab bar
//

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 Helloworld from './pages/Helloworld';
import Settings from './pages/Settings';
import ChangeLanguage from './pages/ChangeLanguage';
import ServiceAgreement from './pages/ServiceAgreement';
import PrivacyAgreement from './pages/PrivacyAgreement';
// import OrderDetails from './pages/OrderDetail';
import OrderDetail from './pages/OrderDetail';
import SpeakerDetail from './pages/SpeakerDetail';

const AppRoute: React.FC = () => {
  return (
    <>
      <Route path="/not_implemented" component={NotImplemented} />

      {/*  */}
      <Route exact={true} path="/event_detail/:id" component={EventDetail} />
      <Route exact={true} path="/profile/:id" component={MemberProfile} />

      {/* component make the ":id" available in the "OrderDetail" */}
      <Route exact={true} path="/order_detail/:id" component={OrderDetail} />
      {/* <Route path="/tabs/speakers/:id" component={SpeakerDetail} exact={true} /> */}

      {/*  */}
      <Route exact={true} path={paths.SETTINGS} component={Settings} />
      <Route exact={true} path={paths.CHANGE_LANGUAGE} component={ChangeLanguage} />
      <Route exact={true} path={paths.SERVICE_AGREEMENT} component={ServiceAgreement} />
      <Route exact={true} path={paths.PRIVACY_AGREEMENT} component={PrivacyAgreement} />
    </>
  );
};

export default AppRoute;