ajout de la section "pour aller plus loin" sur la page généric

SocialGouv · Sep 15, 2023 · 8281177 · 8281177
1 parent 9861570
commit 8281177
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 10 deletions.
diff --git a/packages/code-du-travail-frontend/pages/contribution/[slug].tsx b/packages/code-du-travail-frontend/pages/contribution/[slug].tsx
@@ -75,6 +75,7 @@ function PageContribution(props: Props): React.ReactElement {
             answers={answers}
             slug={slug}
             content={(content && content._source) || {}}
+            relatedItems={relatedItems}
           />
         ) : (
           <>

diff --git a/packages/code-du-travail-frontend/src/contributions/ContributionCC.tsx b/packages/code-du-travail-frontend/src/contributions/ContributionCC.tsx
@@ -106,13 +106,13 @@ const ContributionCC = ({ answers, slug, relatedItems }) => {
           </p>
         </Alert>
       </StyledSection>
-      <StyledSection>
-        <Title shift={spacings.xmedium} variant="secondary">
-          Pour aller plus loins
-        </Title>
-        <Grid columns={2}>
-          {relatedItems &&
-            relatedItems.map((item) => {
+      {relatedItems && (
+        <StyledSection>
+          <Title shift={spacings.xmedium} variant="secondary">
+            Pour aller plus loins
+          </Title>
+          <Grid columns={2}>
+            {relatedItems.map((item) => {
               return (
                 <ListLink
                   item={item}
@@ -122,8 +122,9 @@ const ContributionCC = ({ answers, slug, relatedItems }) => {
                 />
               );
             })}
-        </Grid>
-      </StyledSection>
+          </Grid>
+        </StyledSection>
+      )}
     </>
   );
 };

diff --git a/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx b/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx
@@ -13,6 +13,7 @@ import {
   ArrowLink,
   Badge,
   Button,
+  Grid,
   Heading,
   icons,
   IconStripe,
@@ -37,10 +38,11 @@ import { handleTrackEvent } from "../outils/common/Agreement/tracking";
 import { MatomoBaseEvent } from "../lib";
 import { getCc3239Informations } from "../outils";
 import { Enterprise } from "../conventions/Search/api/enterprises.service";
+import { ListLink } from "../search/SearchResults/Results";
 
 const { DirectionRight } = icons;
 
-const ContributionGeneric = ({ answers, content, slug }) => {
+const ContributionGeneric = ({ answers, content, slug, relatedItems }) => {
   const titleRef = useRef<HTMLDivElement>(null);
   const onUserAction: OnUserAction = (action, extra) => {
     handleTrackEvent(getTitle(), action, extra);
@@ -353,6 +355,25 @@ const ContributionGeneric = ({ answers, content, slug }) => {
         <ReferencesJuridiques
           references={filteredRefs(answers.generic.references, content.url)}
         />
+        {relatedItems && (
+          <Section>
+            <Title shift={spacings.xmedium} variant="secondary">
+              Pour aller plus loins
+            </Title>
+            <Grid columns={2}>
+              {relatedItems.map((item) => {
+                return (
+                  <ListLink
+                    item={item}
+                    key={item.slug}
+                    titleTagType="h3"
+                    hideAction
+                  />
+                );
+              })}
+            </Grid>
+          </Section>
+        )}
       </SectionHidden>
     </>
   );