From a4507476707ac4506e3f17623b6a8dc769f9b617 Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Wed, 18 Jun 2025 01:20:27 +0800
Subject: [PATCH] feat: add new pages for event detail, member profile and
 order detail with corresponding route configurations

---
 03_source/mobile/src/App.tsx      | 18 +++++++++++++++
 03_source/mobile/src/AppRoute.tsx | 37 -------------------------------
 2 files changed, 18 insertions(+), 37 deletions(-)
 delete mode 100644 03_source/mobile/src/AppRoute.tsx

diff --git a/03_source/mobile/src/App.tsx b/03_source/mobile/src/App.tsx
index 60e62d2..9f6984e 100644
--- a/03_source/mobile/src/App.tsx
+++ b/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</>;
+}
diff --git a/03_source/mobile/src/AppRoute.tsx b/03_source/mobile/src/AppRoute.tsx
deleted file mode 100644
index a964122..0000000
--- a/03_source/mobile/src/AppRoute.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// AppRoute.tsx - Defines routes for pages that don't use the bottom tab navigation
-//
-// Contains routes for:
-// - Event and member profile detail pages
-// - Settings and agreement pages
-// - Other standalone pages
-//
-
-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 (
-    <>
-      {/* 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} /> */}
-
-      {/*  */}
-    </>
-  );
-};
-
-export default AppRoute;