From 28f8ef2be8cec46a4a7441307b249e8e888c54f7 Mon Sep 17 00:00:00 2001
From: carolineBda <caroline.bourdeu@gmail.com>
Date: Thu, 7 Sep 2023 12:15:11 +0200
Subject: [PATCH] fix(seo): make sure text is present on the page, on page load

---
 .../src/contributions/ContributionGeneric.tsx | 106 +++++++++---------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx b/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx
index 710ec631fa..bc53aa60ac 100644
--- a/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx
+++ b/packages/code-du-travail-frontend/src/contributions/ContributionGeneric.tsx
@@ -280,62 +280,59 @@ const ContributionGeneric = ({ answers, content, slug }) => {
           </SectionNoPadding>
         </>
       )}
-      {showAnswer && answers.generic && (
-        <Section>
-          <Title stripe="left" ref={titleRef}>
-            Que dit le code du travail&nbsp;?
-          </Title>
-          {content && (
-            <Meta>
-              {content.url && (
-                <span>
-                  Source&nbsp;:{" "}
-                  <A11yLink
-                    href={content.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    {`Fiche: ${getLabelBySource(content.source)}`}
-                  </A11yLink>
-                </span>
-              )}
-              {content.url && content.date && (
-                <HideOnMobile aria-hidden="true">&nbsp;-&nbsp;</HideOnMobile>
-              )}
-              {content.date && <span>Mis à jour le&nbsp;: {content.date}</span>}
-            </Meta>
-          )}
+      <SectionHidden show={showAnswer && answers.generic}>
+        <Title stripe="left" ref={titleRef}>
+          Que dit le code du travail&nbsp;?
+        </Title>
+        {content && (
+          <Meta>
+            {content.url && (
+              <span>
+                Source&nbsp;:{" "}
+                <A11yLink
+                  href={content.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {`Fiche: ${getLabelBySource(content.source)}`}
+                </A11yLink>
+              </span>
+            )}
+            {content.url && content.date && (
+              <HideOnMobile aria-hidden="true">&nbsp;-&nbsp;</HideOnMobile>
+            )}
+            {content.date && <span>Mis à jour le&nbsp;: {content.date}</span>}
+          </Meta>
+        )}
 
-          <Mdx
-            markdown={answers.generic.markdown}
-            components={rehypeToReact(content)}
-          />
-          <Alert>
-            <Heading as="p">Texte applicable</Heading>
-            <p>
-              Une convention collective de branche ou un accord collectif
-              d’entreprise peut prévoir des durées plus longues. Si les durées
-              fixées sont plus courtes que celles prévues par le code du
-              travail, le salarié a droit aux congés prévus par le code du
-              travail.
-            </p>
+        <Mdx
+          markdown={answers.generic.markdown}
+          components={rehypeToReact(content)}
+        />
+        <Alert>
+          <Heading as="p">Texte applicable</Heading>
+          <p>
+            Une convention collective de branche ou un accord collectif
+            d’entreprise peut prévoir des durées plus longues. Si les durées
+            fixées sont plus courtes que celles prévues par le code du travail,
+            le salarié a droit aux congés prévus par le code du travail.
+          </p>
 
-            <p>
-              Une convention collective de branche ou un accord collectif
-              d’entreprise peut aussi prévoir des congés pour d’autres
-              événements familiaux.
-            </p>
+          <p>
+            Une convention collective de branche ou un accord collectif
+            d’entreprise peut aussi prévoir des congés pour d’autres événements
+            familiaux.
+          </p>
 
-            <p>
-              Le contrat de travail peut toujours prévoir des mesures plus
-              favorables, qui s’appliqueront.
-            </p>
-          </Alert>
-          <ReferencesJuridiques
-            references={filteredRefs(answers?.generic?.references, content.url)}
-          />
-        </Section>
-      )}
+          <p>
+            Le contrat de travail peut toujours prévoir des mesures plus
+            favorables, qui s’appliqueront.
+          </p>
+        </Alert>
+        <ReferencesJuridiques
+          references={filteredRefs(answers.generic.references, content.url)}
+        />
+      </SectionHidden>
     </>
   );
 };
@@ -355,6 +352,9 @@ const HideOnMobile = styled.span`
     display: none;
   }
 `;
+const SectionHidden = styled(Section)`
+  display: ${({ show }) => (show ? "block" : "none")};
+`;
 const Div = styled.div`
   text-align: center;
   margin-top: ${spacings.large};