feat: ajout composant Follow

IGNF · Sep 30, 2024 · aedd51c · aedd51c
1 parent 2e51f1f
commit aedd51c
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/assets/components/Layout/AppFollow.tsx b/assets/components/Layout/AppFollow.tsx
@@ -0,0 +1,19 @@
+import { memo } from "react";
+import Follow from "@codegouvfr/react-dsfr/Follow";
+import { routes } from "../../router/router";
+
+const AppFollow = () => {
+    return (
+        <Follow
+            newsletter={{
+                buttonProps: {
+                    linkProps: {
+                        ...routes.newsletter_subscribe().link,
+                    },
+                },
+            }}
+        />
+    );
+};
+
+export default memo(AppFollow);
diff --git a/assets/components/Layout/AppLayout.tsx b/assets/components/Layout/AppLayout.tsx
@@ -19,6 +19,7 @@ import SessionExpiredAlert from "../Utils/SessionExpiredAlert";
 import SnackbarMessage from "../Utils/SnackbarMessage";
 import AppFooter from "./AppFooter";
 import AppHeader from "./AppHeader";
+import AppFollow from "./AppFollow";
 
 const HiddenElements: FC = () => {
     return (
@@ -70,6 +71,8 @@ const AppLayout: FC<PropsWithChildren<AppLayoutProps>> = ({ children, navItems,
         return getBreadcrumb(route, datastoreQuery.data);
     }, [route, datastoreQuery.data, customBreadcrumbProps]);
 
+    const newsletterSubscribeAction = (document.getElementById("app_env") as HTMLDivElement)?.dataset?.["newsletterSubscribeAction"] ?? null;
+
     navItems = useMemo(() => navItems ?? defaultNavItems(t), [navItems, t]);
 
     return (
@@ -90,6 +93,7 @@ const AppLayout: FC<PropsWithChildren<AppLayoutProps>> = ({ children, navItems,
                     {children}
                 </div>
             </main>
+            {newsletterSubscribeAction !== null && <AppFollow />}
             <AppFooter />
             <SnackbarMessage />
         </>