From 55436deb9583ff31c2b7eb8630a82df2deac0e61 Mon Sep 17 00:00:00 2001
From: sebvtl728 <sebavtl.arinfo@gmail.com>
Date: Fri, 31 Jan 2025 22:40:52 +0100
Subject: [PATCH] maj du texte des articles

---
 frontend/src/components/Pages/GestionArticles.jsx | 4 ++--
 frontend/src/components/Pages/Post.jsx            | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Pages/GestionArticles.jsx b/frontend/src/components/Pages/GestionArticles.jsx
index 4a32f90..b1dce05 100644
--- a/frontend/src/components/Pages/GestionArticles.jsx
+++ b/frontend/src/components/Pages/GestionArticles.jsx
@@ -70,7 +70,7 @@ const GestionArticles = () => {
   // ✅ Filtrage des articles
   const filteredPosts = posts.filter((post) =>
     post.title.rendered.toLowerCase().includes(searchTerm.toLowerCase()) ||
-    post.excerpt.rendered.replace(/(<([^>]+)>)/gi, "").toLowerCase().includes(searchTerm.toLowerCase())
+    post.excerpt.rendered.replace(/(<([^>]+)>)/gi, "").replace(/&nbsp;/g, " ").toLowerCase().includes(searchTerm.toLowerCase())
   );
 
   return (
@@ -125,7 +125,7 @@ const GestionArticles = () => {
                   <TableCell sx={{ fontWeight: "bold" }}>{post.title.rendered}</TableCell>
                   {/* ✅ Résumé avec 100 caractères max */}
                   <TableCell>
-                    {post.excerpt.rendered.replace(/(<([^>]+)>)/gi, "").substring(0, 100)}...
+                    {post.excerpt.rendered.replace(/(<([^>]+)>)/gi, "").replace(/&nbsp;/g, " ").substring(0, 100)}...
                   </TableCell>
                   {/* ✅ Boutons Modifier et Supprimer */}
                   <TableCell sx={{ textAlign: "center" }}>
diff --git a/frontend/src/components/Pages/Post.jsx b/frontend/src/components/Pages/Post.jsx
index f277aac..5fb8774 100644
--- a/frontend/src/components/Pages/Post.jsx
+++ b/frontend/src/components/Pages/Post.jsx
@@ -45,13 +45,16 @@ const Posts = () => {
 
   // Fonction pour tronquer un texte à 100 caractères max
   const truncateText = (text, maxLength) => {
-    const strippedText = stripHtmlTags(text); // Nettoyage HTML
+    const strippedText = stripHtmlTags(text
+      .replace(/<[^>]*>/g, "") // Supprime les balises HTML
+      .replace(/&nbsp;/g, " ") // Remplace les espaces non bris
+    ); // Nettoyage HTML
     return strippedText.length > maxLength ? `${strippedText.substring(0, maxLength)}...` : strippedText;
   };
 
   return (
     <Box sx={{ padding: "40px 20px" }}>
-      <Typography variant="h2" sx={{ fontWeight: "bold", textAlign: "center", mb: 4 }}>
+      <Typography variant="h2" sx={{ fontWeight: "bold", textAlign: "center", mb: 4, mt:5 }}>
         Nos Articles
       </Typography>