feat: add new pages for event detail, member profile and order detail with corresponding route configurations

03_source/mobile/src/App.tsx

@@ -64,6 +64,9 @@ import NotImplemented from './pages/NotImplemented';
 import ChangeLanguage from './pages/ChangeLanguage';
 import ServiceAgreement from './pages/ServiceAgreement';
 import PrivacyAgreement from './pages/PrivacyAgreement';
+import EventDetail from './pages/EventDetail';
+import MemberProfile from './pages/MemberProfile';
+import OrderDetail from './pages/OrderDetail';
 
 setupIonicReact();
 
@@ -130,6 +133,17 @@ const IonicApp: React.FC<IonicAppProps> = ({ darkMode, schedule, setIsLoggedIn,
             <Route exact={true} path={PATHS.SERVICE_AGREEMENT} component={ServiceAgreement} />
             <Route exact={true} path={PATHS.PRIVACY_AGREEMENT} component={PrivacyAgreement} />
 
+            {/* Event and profile detail pages */}
+            <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="/helloworld" component={Helloworld} />
+
             <Route
               path="/logout"
               render={() => {
@@ -165,3 +179,7 @@ const IonicAppConnected = connect<{}, StateProps, DispatchProps>({
   },
   component: IonicApp,
 });
+
+function Helloworld() {
+  return <>helloworld</>;
+}