|
|
@@ -10,7 +10,13 @@ import {
|
|
10
|
10
|
setupIonicReact,
|
|
11
|
11
|
} from "@ionic/react";
|
|
12
|
12
|
import { IonReactRouter } from "@ionic/react-router";
|
|
13
|
|
-import { ellipse, home } from "ionicons/icons";
|
|
|
13
|
+import {
|
|
|
14
|
+ ellipse,
|
|
|
15
|
+ informationCircleSharp,
|
|
|
16
|
+ bookSharp,
|
|
|
17
|
+ appsSharp,
|
|
|
18
|
+ home,
|
|
|
19
|
+} from "ionicons/icons";
|
|
14
|
20
|
import Home from "./pages/Home";
|
|
15
|
21
|
|
|
16
|
22
|
/* Core CSS required for Ionic components to work properly */
|
|
|
@@ -34,6 +40,7 @@ import "./theme/variables.css";
|
|
34
|
40
|
import AdviceListPage from "./pages/AdviceListPage";
|
|
35
|
41
|
import LawListPage from "./pages/LawListPage";
|
|
36
|
42
|
import ArticlePage from "./pages/ArticlePage";
|
|
|
43
|
+import AboutListPage from "./pages/AboutListPage";
|
|
37
|
44
|
|
|
38
|
45
|
setupIonicReact();
|
|
39
|
46
|
|
|
|
@@ -45,30 +52,44 @@ const App: React.FC = () => (
|
|
45
|
52
|
<Route exact path="/home">
|
|
46
|
53
|
<Home />
|
|
47
|
54
|
</Route>
|
|
|
55
|
+
|
|
48
|
56
|
<Route path="/advice">
|
|
49
|
57
|
<AdviceListPage />
|
|
50
|
58
|
</Route>
|
|
|
59
|
+
|
|
51
|
60
|
<Route path="/laws">
|
|
52
|
61
|
<LawListPage />
|
|
53
|
62
|
</Route>
|
|
|
63
|
+
|
|
|
64
|
+ <Route path="/about">
|
|
|
65
|
+ <AboutListPage />
|
|
|
66
|
+ </Route>
|
|
|
67
|
+
|
|
54
|
68
|
<Route path="/article/:slug" component={ArticlePage} />
|
|
55
|
69
|
<Route exact path="/">
|
|
56
|
70
|
<Redirect to="/home" />
|
|
57
|
71
|
</Route>
|
|
58
|
72
|
</IonRouterOutlet>
|
|
|
73
|
+
|
|
59
|
74
|
<IonTabBar slot="bottom">
|
|
60
|
75
|
<IonTabButton tab="home" href="/home">
|
|
61
|
76
|
<IonIcon icon={home} />
|
|
62
|
77
|
<IonLabel>Home</IonLabel>
|
|
63
|
78
|
</IonTabButton>
|
|
|
79
|
+
|
|
64
|
80
|
<IonTabButton tab="advice" href="/advice">
|
|
65
|
|
- <IonIcon icon={ellipse} />
|
|
|
81
|
+ <IonIcon icon={appsSharp} />
|
|
66
|
82
|
<IonLabel>Advice</IonLabel>
|
|
67
|
83
|
</IonTabButton>
|
|
|
84
|
+
|
|
68
|
85
|
<IonTabButton tab="laws" href="/laws">
|
|
69
|
|
- <IonIcon icon={ellipse} />
|
|
|
86
|
+ <IonIcon icon={bookSharp} />
|
|
70
|
87
|
<IonLabel>Laws</IonLabel>
|
|
71
|
88
|
</IonTabButton>
|
|
|
89
|
+ <IonTabButton tab="about" href="/about">
|
|
|
90
|
+ <IonIcon icon={informationCircleSharp} />
|
|
|
91
|
+ <IonLabel>About</IonLabel>
|
|
|
92
|
+ </IonTabButton>
|
|
72
|
93
|
</IonTabBar>
|
|
73
|
94
|
</IonTabs>
|
|
74
|
95
|
</IonReactRouter>
|
