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

update ordering app,

Browse Source
This commit is contained in:
louiscklaw
2025-06-06 14:01:03 +08:00
parent 3bcb40c5ef
commit 7cc6d939f5
24 changed files with 1522 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
03_source/mobile/src/pages/DemoOrderingApp/index.tsx
View File

@@ -1,38 +1,39 @@
import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
import { IonRouterOutlet, IonTabs } from '@ionic/react';
import { cloudOutline, searchOutline } from 'ionicons/icons';
import { Route, Redirect } from 'react-router';
import Tab1 from './AppPages/Tab1';
import Tab2 from './AppPages/Tab2';
import './theme/variables.scss';
import './style.scss';
import Tabs from './components/Tabs';
import Homepage from './pages/Home';
import ViewCoffee from './pages/ViewCoffee';
import ViewCoffees from './pages/ViewCoffees';
import React from 'react';
function DemoOrderingApp() {
function DemoOrderingApp(): React.JSX.Element {
return (
<IonTabs>
<IonTabs className="demo-ordering-app">
<IonRouterOutlet>
<Route exact path="/demo-ordering-app/tab1">
<Tab1 />
</Route>
<Route exact path="/demo-ordering-app/tab2">
<Tab2 />
</Route>
<Route path="/demo-ordering-app/tabs" render={() => <Tabs />} />
<Route
exact={false}
path="/demo-ordering-app/coffee/:id"
render={(props) => <ViewCoffee {...props} />}
/>
<Route
exact={false}
path="/demo-ordering-app/coffees"
render={(props) => <ViewCoffees {...props} />}
/>
<Route
exact={false}
path="/demo-ordering-app/coffees/:from_search"
render={(props) => <ViewCoffees {...props} />}
/>
<Redirect exact path="/demo-ordering-app" to="/demo-ordering-app/tab1" />
<Route path="/demo-ordering-app/" component={Homepage} exact={true} />
<Redirect exact from="/demo-ordering-app/" to="/demo-ordering-app/tabs/home" />
</IonRouterOutlet>
{/* */}
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-ordering-app/tab1">
<IonIcon icon={cloudOutline} />
<IonLabel>Dashboard</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/demo-ordering-app/tab2">
<IonIcon icon={searchOutline} />
<IonLabel>Search</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
);
}