From bce86649cf75f4862f2550d5801915a038b4cbca Mon Sep 17 00:00:00 2001
From: victor <victor.zeinstra@gmail.com>
Date: Thu, 30 Jan 2025 12:07:11 +0100
Subject: [PATCH] feat: scroll to enterprise on selection

---
 .../EnterpriseAgreementSearchInput.tsx                   | 1 +
 .../EnterpriseAgreementSelectionDetail.tsx               | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
index 8494c71ebf..399ff0e068 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSearchInput.tsx
@@ -213,6 +213,7 @@ export const EnterpriseAgreementSearchInput = ({
         goBack={() => {
           setSelectedEnterprise(undefined);
           setSelectedAgreement(undefined);
+          window.scrollTo(0, 0);
         }}
         onAgreementSelect={(agreement) => {
           emitSelectEnterpriseEvent({
diff --git a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelectionDetail.tsx b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelectionDetail.tsx
index dbdb1b24f8..a64c52ba44 100644
--- a/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelectionDetail.tsx
+++ b/packages/code-du-travail-frontend/src/modules/enterprise/EnterpriseAgreementSearch/EnterpriseAgreementSelectionDetail.tsx
@@ -1,15 +1,22 @@
 "use client";
 import { fr } from "@codegouvfr/react-dsfr";
 import { Enterprise } from "../types";
+import { useEffect, useRef } from "react";
 
 type Props = {
   enterprise: Omit<Enterprise, "complements">;
 };
 
 export const EnterpriseAgreementSelectionDetail = ({ enterprise }: Props) => {
+  const titleRef = useRef<HTMLParagraphElement>(null);
+  useEffect(() => {
+    titleRef.current?.scrollIntoView();
+  }, []);
   return (
     <>
-      <p className={fr.cx("fr-h4", "fr-mt-2w", "fr-mb-0")}>Votre entreprise</p>
+      <p className={fr.cx("fr-h4", "fr-mt-2w", "fr-mb-0")} ref={titleRef}>
+        Votre entreprise
+      </p>
       <h2 className={fr.cx("fr-h6", "fr-m-0", "fr-mt-2w")}>
         {enterprise.label}
       </h2>