From 6d4e790582141b2703791448892561c99cf10354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Soulas?= <soulascedric@gmail.com>
Date: Sat, 30 Nov 2024 12:22:40 +0100
Subject: [PATCH] chore: move no result element to component file

---
 .../_components/AucunDossier.tsx              | 25 +++++++++++++++++++
 app/espace-laureat/page.tsx                   | 21 ++++++----------
 2 files changed, 32 insertions(+), 14 deletions(-)
 create mode 100644 app/espace-laureat/_components/AucunDossier.tsx

diff --git a/app/espace-laureat/_components/AucunDossier.tsx b/app/espace-laureat/_components/AucunDossier.tsx
new file mode 100644
index 0000000..595a188
--- /dev/null
+++ b/app/espace-laureat/_components/AucunDossier.tsx
@@ -0,0 +1,25 @@
+export function AucunDossier({
+  siret,
+  email,
+  noResultMsg,
+}: {
+  siret: string;
+  email: string;
+  noResultMsg: string;
+}) {
+  return (
+    <div className="flex flex-col gap-y-6 text-center items-center justify-center border w-full h-96">
+      <span
+        className="text-gray-900 fr-icon-warning-fill fr-icon--lg"
+        aria-hidden="true"
+      ></span>
+      <h2 className="text-lg max-w-lg mb-0">
+        Aucun dossier n'est associé à l'adresse email {email} et au siret{" "}
+        {siret}
+      </h2>
+      <p className="max-w-3xl mb-0 text-gray-700  text-balance">
+        {noResultMsg}
+      </p>
+    </div>
+  );
+}
diff --git a/app/espace-laureat/page.tsx b/app/espace-laureat/page.tsx
index 490df23..6106d9f 100644
--- a/app/espace-laureat/page.tsx
+++ b/app/espace-laureat/page.tsx
@@ -1,3 +1,4 @@
+import { AucunDossier } from "@/app/espace-laureat/_components/AucunDossier";
 import { Connexion } from "@/app/espace-laureat/_components/Connexion";
 import { DossierSection } from "@/app/espace-laureat/_components/DossierSection";
 import { getDossier } from "@/app/espace-laureat/_components/getDossier";
@@ -47,24 +48,16 @@ export default async function EspaceLaureat({
       <h1>{getPageTitle({ successDossiersLength: successDossiers.length })}</h1>
 
       {successDossiers.length === 0 ? (
-        <div className="flex flex-col gap-y-6 text-center items-center justify-center border w-full h-96">
-          <span
-            className="text-gray-900 fr-icon-warning-fill fr-icon--lg"
-            aria-hidden="true"
-          ></span>
-          <h2 className="text-lg max-w-lg mb-0">
-            Aucun dossier n'est associé à l'adresse email {user.email} et au
-            siret {siret}
-          </h2>
-          <p className="max-w-3xl mb-0 text-gray-700  text-balance">
-            {noResultMsg}
-          </p>
-        </div>
+        <AucunDossier
+          siret={siret}
+          email={user.email}
+          noResultMsg={noResultMsg}
+        />
       ) : (
         <div className="flex flex-col gap-y-8">
           {successDossiers.map((dossier, index) => (
             <DossierSection key={index} dossier={dossier} />
-          ))}{" "}
+          ))}
         </div>
       )}