update App Header and Footer

thieryw · Jul 16, 2022 · b28ba31 · b28ba31
1 parent 418f4a1
commit b28ba31
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/src/App/App.tsx b/src/App/App.tsx
@@ -6,6 +6,7 @@ import { Home } from "../pages/Home";
 import { PageExample } from "../pages/PageExample";
 import { FourOhFour } from "../pages/FourOFour";
 import { ThemeProvider } from "../theme";
+import { Page2Example } from "../pages/Page2Example";
 
 export function App() {
 	const route = useRoute();
@@ -23,7 +24,8 @@ export function App() {
 						switch(route.name){
 							case "home": return <Home />;
 							case "pageExample": return <PageExample />;
-							default : return <FourOhFour />;
+							case "page2Example": return <Page2Example />;
+							default: return <FourOhFour />;
 						}
 					})()
 				}

diff --git a/src/App/Footer.tsx b/src/App/Footer.tsx
@@ -15,6 +15,10 @@ export const Footer = memo(() => {
 				"label": t("link1label"),
 				...routes.pageExample().link
 			},
+			{
+				"label": t("linkPage2Label"),
+				...routes.page2Example().link
+			},
 			{
 				"label": t("link2label"),
 				"href": "https://example.com",
@@ -30,6 +34,7 @@ export const Footer = memo(() => {
 export const { i18n } = declareComponentKeys<
 	| "license"
 	| "link1label"
+	| "linkPage2Label"
 	| "link2label"
 	| "link3label"
 >()({ Footer });
diff --git a/src/App/Header.tsx b/src/App/Header.tsx
@@ -22,6 +22,10 @@ export const Header = memo(() => {
 				"label": t("link1label"),
 				...routes.pageExample().link
 			},
+			{
+				"label": t("linkPage2Label"),
+				...routes.page2Example().link
+			},
 			{
 				"label": t("link2label"),
 				"href": "https://example.com",
@@ -48,6 +52,7 @@ export const Header = memo(() => {
 export const { i18n } = declareComponentKeys<
 	| "headerTitle"
 	| "link1label"
+	| "linkPage2Label"
 	| "link2label"
 	| "link3label"
 >()({ Header });
diff --git a/src/i18n.tsx b/src/i18n.tsx
@@ -38,13 +38,15 @@ export const {
 						"headerTitle": "Title",
 						"link1label": "Example page",
 						"link2label": "Link 2",
-						"link3label": "Link 3"
+						"link3label": "Link 3",
+						"linkPage2Label": "Link page 2"
 					},
 					"Footer": {
 						"license": "License M.I.T",
 						"link1label": "Example page",
 						"link2label": "Link 2",
-						"link3label": "Link 3"
+						"link3label": "Link 3",
+						"linkPage2Label": "Link page 2"
 					},
 					"Home": {
 						"heroTitle": "Hero title",
@@ -126,13 +128,15 @@ export const {
 						"headerTitle": "Titre",
 						"link1label": "Exemple de page",
 						"link2label": "Lien 2",
-						"link3label": "Lien 3"
+						"link3label": "Lien 3",
+						"linkPage2Label": "Lien page 2"
 					},
 					"Footer": {
 						"license": "License M.I.T",
 						"link1label": "Exemple de page",
 						"link2label": "Lien 2",
-						"link3label": "Lien 3"
+						"link3label": "Lien 3",
+						"linkPage2Label": "Lien page 2"
 					},
 					"Home": {
 						"heroTitle": "Titre du Hero",