feat: update wording on pages

Author: desoindx

src/components/Home/InformationBanner.tsx

@@ -5,33 +5,39 @@ import Link from "next/link"
 const InformationBanner = () => {
   return (
     <div>
-      <h2 className={styles.title}>S'informez sur l'impact environnemental des produits textiles</h2>
+      <h2 className={styles.title}>Informez-vous sur l'impact environnemental des produits textiles</h2>
       <div className={styles.cards}>
         <Card
           background
           border
-          enlargeLink
-          title="En savoir plus sur l'affichage environnemental"
+          title='Qu’est-ce que l’affichage environnemental ?'
           desc='Porté par le Gouvernement, l’affichage environnemental sur les vêtements sera déployé dès l’automne 2025. Il vise à rendre compte de leur impact environnemental, et à répondre aux propositions de la Convention citoyenne pour le climat et de la loi Climat et Résilience.'
-          linkProps={{
-            href: "https://www.ecologie.gouv.fr/politiques-publiques/affichage-environnemental-vetements",
-            target: "_blank",
-            rel: "noopener noreferrer",
-          }}
           titleAs='h3'
+          footer={
+            <Link
+              href='https://www.ecologie.gouv.fr/politiques-publiques/affichage-environnemental-vetements'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='fr-link'>
+              Consultez le site du ministère pour plus d'informations
+            </Link>
+          }
         />
         <Card
           background
           border
-          enlargeLink
           title='Comment est calculé le coût environnemental ?'
           desc="L'affichage environnemental du textile permet de calculer l'impact de chaque vêtement, en considérant l'ensemble des opérations sur son cycle de vie (ex: fabrication du coton, filage, teinture, ennoblissement, transport, fin de vie)."
-          linkProps={{
-            href: "https://fabrique-numerique.gitbook.io/ecobalyse/alimentaire/old/pages-textiles-old/demarche",
-            target: "_blank",
-            rel: "noopener noreferrer",
-          }}
           titleAs='h3'
+          footer={
+            <Link
+              href='https://fabrique-numerique.gitbook.io/ecobalyse/alimentaire/old/pages-textiles-old/demarche'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='fr-link'>
+              Consultez la documentation sur la méthode de calcul
+            </Link>
+          }
         />
         <Card
           background
@@ -46,7 +52,7 @@ const InformationBanner = () => {
                   target='_blank'
                   rel='noopener noreferrer'
                   className='fr-link'>
-                  Le décret
+                  Consultez le décret
                 </Link>
               </li>
               <li>
@@ -55,7 +61,7 @@ const InformationBanner = () => {
                   target='_blank'
                   rel='noopener noreferrer'
                   className='fr-link'>
-                  L'arrêté
+                  Consultez l'arrêté
                 </Link>
               </li>
             </ul>
@@ -71,12 +77,12 @@ const InformationBanner = () => {
             <ul className='fr-links-group'>
               <li>
                 <Link href='/charte.pdf' target='_blank' rel='noopener noreferrer' className='fr-link'>
-                  La charte graphique
+                  Téléchargez la charte graphique (PDF, 2.9 Mo)
                 </Link>
               </li>
               <li>
                 <Link href='/documentation/api' target='_blank' rel='noopener noreferrer' className='fr-link'>
-                  La documentation pour générer l'étiquette
+                  Consultez la documentation API pour générer les étiquettes
                 </Link>
               </li>
             </ul>

src/components/Product/Search.tsx

@@ -1,4 +1,5 @@
 "use client"
+import Alert from "@codegouvfr/react-dsfr/Alert"
 import Button from "@codegouvfr/react-dsfr/Button"
 import Input from "@codegouvfr/react-dsfr/Input"
 import { useState } from "react"
@@ -7,11 +8,17 @@ const Search = () => {
   const [gtin, setGTIN] = useState("")
   return (
     <>
-      <p>Veuillez rentrer le code GTIN du produit que vous cherchez</p>
+      <Alert
+        severity='info'
+        className='fr-mb-2w'
+        title='Ce site est en construction'
+        description="Le contenu du portail d'affichage environnemental est fourni par les marques de textiles. Comme le service vient tout juste d'être lancé, il se peut que certains produits ne soient pas encore disponibles lors de votre recherche."
+      />
+      <p>Saisissez le code-barres du produit recherché (8 ou 13 chiffres)</p>
       <div className='fr-grid-row fr-grid-row--gutters fr-grid-row--center fr-grid-row--middle'>
         <Input
           className='fr-col-12 fr-col-sm-9 fr-mb-0'
-          label='Code GTIN'
+          label='Code-barres'
           hideLabel
           nativeInputProps={{
             value: gtin,

src/components/Upload/Upload.tsx

@@ -61,14 +61,19 @@ const Upload = () => {
         <Alert
           data-testid={`upload-${success ? "success" : "error"}`}
           className='fr-mt-4w'
-          title={success ? "Fichier correctement téléchargé" : "Erreur lors de l'analyse du fichier"}
+          title={
+            success
+              ? "Votre fichier a été correctement téléchargé"
+              : "Une erreur est survenue lors de l'analyse du fichier"
+          }
           severity={success ? "success" : "error"}
           description={
             success ? (
               <>
-                Nous analysons votre fichier pour vérifier qu’il contient l’ensemble des informations réglementaires, au
-                bon format. Cette étape peut prendre quelques minutes.{" "}
-                <b>Vous recevrez un mail de confirmation suite à cette analyse</b>. Vous pouvez fermer cet onglet.
+                Le système va maintenant l’analyser pour vérifier qu’il contient l’ensemble des informations
+                réglementaires au bon format. Cette étape peut prendre quelques minutes en fonction de la taille de
+                votre CSV. <b>Une fois l’analyse terminée, vous recevrez un mail vous indiquant le résultat</b>. Vous
+                pouvez fermer cet onglet.
               </>
             ) : (
               <>

src/db/upload.ts

@@ -121,6 +121,15 @@ export const checkUploadsStatus = async (uploadsId: string[]) => {
       products: {
         select: { status: true },
       },
+      reUploadProducts: {
+        select: {
+          product: {
+            select: {
+              status: true,
+            },
+          },
+        },
+      },
     },
   })
 
@@ -148,6 +157,7 @@ export const getFirstFileUpload = async () =>
       createdAt: true,
       createdBy: { select: { email: true, organization: { select: { name: true } } } },
       products: { select: { status: true } },
+      reUploadProducts: { select: { product: { select: { status: true } } } },
     },
     where: { status: Status.Pending, type: UploadType.FILE },
     orderBy: { createdAt: "asc" },

src/services/emails/email.ts

@@ -31,7 +31,7 @@ const send = (toEmail: string[], subject: string, html: string) => {
 export const sendUploadSuccessEmail = async (toEmail: string, name: string | null, date: Date) => {
   return send(
     [toEmail],
-    "Déclaration validée ✅",
+    "Votre déclaration a été validée ✅",
     await getHtml("upload-success", {
       name,
       date: date.toLocaleDateString("fr-FR", { timeZone: "Europe/Paris" }),
@@ -50,7 +50,7 @@ export const sendUploadErrorEmail = async (
 ) => {
   return send(
     [toEmail],
-    "Erreurs à corriger ❌",
+    "Votre déclaration comporte des erreurs à corriger ❌",
     await getHtml("upload-error", {
       name,
       date: date.toLocaleDateString("fr-FR", { timeZone: "Europe/Paris" }),

src/services/emails/views/upload-error.ejs

@@ -2,23 +2,41 @@
   <body>
     <p>Bonjour,</p>
     <p>
-      Votre déclaration affichage environnementale <b><%= name %></b> déposé le <%= date %> à <%= time %> présente des
-      <b>erreurs</b>.
+      Votre déclaration affichage environnementale <b><%= name %></b> déposé le <%= date %> à <%= time %> a été analysée.
+    </p>
+    <p>
+      Elle présente des <b>erreurs</b>.
     </p>
     <% if(total === 0) { %>
       <p>Nous n'avons pas réussi à analyser votre fichier.</p>
+    <% } else if (total === 1) { %>
+      <p>Le produit déclaré présente une ou plusieurs erreurs ❌</p>
     <% } else { %>
     <p>Sur les <%= total %> produits déclarés :</p>
     <ul>
-      <li><%= success %> ont bien été validés ✅</li>
-      <li><%= error %> présentent une ou plusieurs erreurs ❌</li>
+      <% if(success === 0) { %>
+        <li>Aucun produit n'a été validé</li>
+      <% } else if(success === 1) { %>
+        <li>1 a bien été validé ✅</li>
+      <% } else { %>
+        <li><%= success %> ont bien été validés ✅</li>
+      <% } %>
+      <% if(error === 1) { %>
+        <li>1 présente une ou plusieurs erreurs ❌</li>
+      <% } else { %>
+        <li><%= error %> présentent une ou plusieurs erreurs ❌</li>
+      <% } %>
     </ul>
     <% } %>
     <p>
-      Nous vous invitons à vous connecter à votre espace pour télécharger le fichier depuis
-      <a href="<%= link %>">votre tableau de suivi</a> pour identifier les modifications à apporter. Vous pourrez
-      ensuite redéposer votre déclaration.
+      Nous vous invitons à le corriger :
     </p>
+    <ol>
+      <li>connectez-vous à votre espace</li>
+      <li>téléchargez le fichier depuis <a href="<%= link %>">votre tableau de suivi</a></li>
+      <li>identifiez les modifications à apporter</li>
+      <li>vous pourrez ensuite redéposer votre déclaration</li>
+    </ol>
     <p>
       Si vous rencontrez des difficultés, vous pouvez contacter le support à cette adresse :
       <a href="mailto:<%= support %>"><%= support %></a>

src/services/upload.ts

@@ -6,15 +6,17 @@ export const failUpload = async (
   upload: Pick<Upload, "id" | "name" | "createdAt"> & {
     createdBy: Pick<User, "email">
     products: Pick<Product, "status">[]
+    reUploadProducts: { product: Pick<Product, "status"> }[]
   },
   message?: string,
 ) => {
   sendUploadErrorEmail(
     upload.createdBy.email,
     upload.name,
     upload.createdAt,
-    upload.products.length,
-    upload.products.filter((p) => p.status === "Done").length,
+    upload.products.length + upload.reUploadProducts.length,
+    upload.products.filter((p) => p.status === "Done").length +
+      upload.reUploadProducts.filter((p) => p.product.status === "Done").length,
   )
   return updateUploadToError(upload.id, message)
 }