fix(affichage des cc): quand une cc est inconnue sur une entreprise

packages/code-du-travail-frontend/cypress/integration/conventions-collectives.spec.ts

@@ -23,13 +23,4 @@ describe("Conventions collectives", () => {
       "/convention-collective/29-hospitalisation-privee-etablissements-prives-dhospitalisation-de-soins-d"
     );
   });
-  it("je vois une 404 si l'iddc n'existe pas", () => {
-    cy.request({
-      failOnStatusCode: false,
-      method: "GET",
-      url: "/convention-collective/1234",
-    }).then((response) => {
-      expect(response.status).to.equal(404);
-    });
-  });
 });

packages/code-du-travail-frontend/src/outils/ConventionCollective/steps/AgreementSelection.tsx

@@ -1,4 +1,4 @@
-import { SOURCES } from "@socialgouv/cdtn-utils";
+import { getLabelBySource, SOURCES } from "@socialgouv/cdtn-utils";
 import { Button, FlatList, Paragraph, theme } from "@socialgouv/cdtn-ui";
 import Link from "next/link";
 import React from "react";
@@ -9,6 +9,7 @@ import { ScreenType, useNavContext } from "../common/NavContext";
 import { TrackingProps } from "../types";
 import { AgreementTile } from "../../common/Agreement/AgreementSearch/AgreementInput/AgreementTile";
 import { useRouter } from "next/router";
+import { Tile } from "@socialgouv/cdtn-ui/lib";
 
 type EnterpriseSearchStepProps = {
   onBackClick: () => void;
@@ -32,27 +33,40 @@ const AgreementSelectionStep = ({
   return (
     <>
       <SectionTitle>Convention collective</SectionTitle>
-      <Paragraph noMargin variant="primary">
-        {(enterprise?.conventions?.length ?? 0) > 1
-          ? `${enterprise?.conventions.length} conventions collectives trouvées pour `
+      <Paragraph variant="primary">
+        {(enterprise.conventions.length ?? 0) > 1
+          ? `${enterprise.conventions.length} conventions collectives trouvées pour `
           : `${
-              enterprise?.conventions.length ?? 0
+              enterprise.conventions.length ?? 0
             } convention collective trouvée pour `}
         <strong>
-          « {enterprise?.simpleLabel}
-          {enterprise?.address &&
-            ` , ${enterprise?.firstMatchingEtablissement?.address}`}{" "}
+          « {enterprise.simpleLabel}
+          {enterprise.address &&
+            ` , ${enterprise.firstMatchingEtablissement?.address}`}{" "}
           »
         </strong>
       </Paragraph>
       <FlatList>
-        {enterprise?.conventions.map((agreement) => (
+        {enterprise.conventions.map((agreement) => (
           <Li key={agreement.id}>
-            <AgreementTile
-              onUserAction={onUserAction}
-              agreement={agreement}
-              isWidgetMode={isWidgetMode}
-            />
+            {agreement.slug ? (
+              <AgreementTile
+                onUserAction={onUserAction}
+                agreement={agreement}
+                isWidgetMode={isWidgetMode}
+              />
+            ) : (
+              <DisabledTile
+                wide
+                subtitle={getLabelBySource(SOURCES.CCN)}
+                title={`IDCC${agreement.num}`}
+              >
+                <p>
+                  Cette convention collective déclarée par l’entreprise n’est
+                  pas reconnue par notre site
+                </p>
+              </DisabledTile>
+            )}
           </Li>
         ))}
       </FlatList>
@@ -93,3 +107,12 @@ const Li = styled.li`
     margin-bottom: ${theme.spacings.large};
   }
 `;
+
+const DisabledTile = styled(Tile)`
+  cursor: auto;
+  color: ${theme.colors.placeholder};
+  :hover {
+    transform: none;
+    color: ${theme.colors.placeholder};
+  }
+`;

packages/code-du-travail-frontend/src/outils/common/Agreement/EnterpriseSearch/EntrepriseSearchInput/SearchEnterpriseInput.tsx

@@ -46,8 +46,8 @@ export const SearchEnterpriseInput = ({
     searchParams.query,
     searchParams.address
   );
-  const [query, setQuery] = useState("");
-  const [address, setAddress] = useState("");
+  const [query, setQuery] = useState(searchParams.query);
+  const [address, setAddress] = useState(searchParams.address);
   const searchInputHandler = () => {
     onSearchParamsChange({ ...searchParams, query: query, address: address });
   };