fix: URLs /catalogue et /cartes

Author: ocruze

assets/config/navItems/navItems.ts

@@ -1,8 +1,9 @@
 import { MainNavigationProps } from "@codegouvfr/react-dsfr/MainNavigation";
 import { TranslationFunction } from "i18nifty/typeUtils/TranslationFunction";
 
+import { catalogueUrl } from "@/env";
 import { ComponentKey } from "../../i18n/types";
-import { routes } from "../../router/router";
+import { appRoot, routes } from "../../router/router";
 import { assistanceNavItems } from "./assistanceNavItems";
 
 // dans ce cas précise, getTranslation ne marche pas parce que les traductions sont pas encore chargées, on est donc obglié de passer la fonction t en paramètre
@@ -27,11 +28,11 @@ export const defaultNavItems = (t: TranslationFunction<"navItems", ComponentKey>
         },
         {
             text: t("catalog"),
-            linkProps: { href: "./catalogue" },
+            linkProps: { href: catalogueUrl ?? appRoot + "/catalogue" },
         },
         {
             text: t("maps"),
-            linkProps: { href: "./cartes" },
+            linkProps: { href: appRoot + "/cartes" },
         },
         {
             text: t("news"),

assets/env.ts

@@ -1,7 +1,9 @@
+import { appRoot } from "./router/router";
+
 const rootDataset = (document.getElementById("root") as HTMLDivElement)?.dataset;
 
 export const espaceCoUrl = rootDataset?.["apiEspacecoUrl"] ?? null;
-export const catalogueUrl = rootDataset?.["catalogueUrl"] ?? "/catalogue";
+export const catalogueUrl = rootDataset?.["catalogueUrl"] ?? appRoot + "/catalogue";
 export const configCommunityId = rootDataset?.["configCommunityId"] ?? null;
 export const configTechnicalName = rootDataset?.["configTechnicalName"] ?? null;
 export const annexesUrl = rootDataset?.["annexesUrl"] ?? "https://data.geopf.fr/annexes";

assets/pages/Home.tsx

@@ -13,7 +13,7 @@ import { useEffect } from "react";
 
 import { catalogueUrl } from "@/env";
 import SymfonyRouting from "@/modules/Routing";
-import { routes, useRoute } from "@/router/router";
+import { appRoot, routes, useRoute } from "@/router/router";
 import { useAuthStore } from "@/stores/AuthStore";
 import homeImgUrl from "@/img/home/home.png";
 import Main from "@/components/Layout/Main";
@@ -90,7 +90,7 @@ const Home = () => {
                                     {
                                         iconId: "fr-icon-file-download-line",
                                         linkProps: {
-                                            href: "./catalogue",
+                                            href: catalogueUrl ?? appRoot + "/catalogue",
                                         },
                                         children: "J’accède au catalogue",
                                         priority: "secondary",