feat: implement payment flow for event joining including success/failure pages and navigation

This commit is contained in:
louiscklaw
2025-06-19 16:21:11 +08:00
parent 7b230d4f8b
commit c4f8a6902c
9 changed files with 414 additions and 4 deletions

View File

@@ -68,6 +68,8 @@ import MemberProfile from './pages/MemberProfile';
import OrderDetail from './pages/OrderDetail';
import DummyPayPage from './pages/DummyEventPayPage';
import DummyEventPayPage from './pages/DummyEventPayPage';
import PaymentSuccess from './pages/PaymentSuccess';
import PaymentFailed from './pages/PaymentFailed';
setupIonicReact();
@@ -133,9 +135,12 @@ const IonicApp: React.FC<IonicAppProps> = ({ darkMode, schedule, setIsLoggedIn,
<Route exact={true} path={PATHS.PRIVACY_AGREEMENT} component={PrivacyAgreement} />
{/* Event and profile detail pages */}
<Route exact={true} path="/dummy_pay_page" component={DummyPayPage} />
<Route exact={true} path="/event_detail/:id" component={EventDetail} />
<Route exact={true} path="/dummy_pay_page" component={DummyPayPage} />
<Route exact={true} path="/payment_success" component={PaymentSuccess} />
<Route exact={true} path="/payment_failed" component={PaymentFailed} />
<Route exact={true} path="/profile/:id" component={MemberProfile} />
{/* component make the ":id" available in the "OrderDetail" */}