//
// 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 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';

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;
