louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
louiscklaw
2025-06-18 01:20:27 +08:00
parent 215476cfaa
commit a450747670
2 changed files with 18 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
03_source/mobile/src/App.tsx
View File

@@ -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</>;
}

37
03_source/mobile/src/AppRoute.tsx
View File

@@ -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;