From b8d4a49bf95ea6a0a5306fc3ac0c04e5cd6f3b09 Mon Sep 17 00:00:00 2001
From: matiasMurat <matias.murat@bitlogic.io>
Date: Fri, 8 Jul 2022 11:26:14 -0300
Subject: [PATCH] Arregla orden de featuredBlogs

---
 src/components/FeaturedBlogs/FeaturedBlogs.js | 38 +++++++++++++------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/FeaturedBlogs/FeaturedBlogs.js b/src/components/FeaturedBlogs/FeaturedBlogs.js
index 06223fe1..98528d70 100644
--- a/src/components/FeaturedBlogs/FeaturedBlogs.js
+++ b/src/components/FeaturedBlogs/FeaturedBlogs.js
@@ -3,23 +3,39 @@ import React from "react"
 import "./featuredBlogs.scss"
 import BlogArticle from "../BlogPage/BlogArticle/BlogArticle"
 
+const compareDates = (a, b) => {
+  if (a?.published_at < b?.published_at) {
+    return 1
+  } else if (a?.published_at > b?.published_at) {
+    return -1
+  } else {
+    return 0
+  }
+}
+
 const FeaturedBlogs = ({ data }) => {
   return (
-    <div className="container featured pb-3" id={data.strapi_component + "-" + data.id}>
+    <div
+      className="container featured pb-3"
+      id={data.strapi_component + "-" + data.id}
+    >
       <h2>{data.title}</h2>
       <h6 className="px-md-3">{data.subtitle}</h6>
 
       <div className="featured-blogs">
-        {data.articles.slice(0, 3).map((item, idx) => (
-          <BlogArticle
-            key={idx}
-            image={item.image}
-            title={item.title}
-            summary={item.summary}
-            slug={"/blog/" + item.slug}
-            text="Ver más"
-          />
-        ))}
+        {data.articles
+          .sort(compareDates)
+          .slice(0, 3)
+          .map((item, idx) => (
+            <BlogArticle
+              key={idx}
+              image={item.image}
+              title={item.title}
+              summary={item.summary}
+              slug={"/blog/" + item.slug}
+              text="Ver más"
+            />
+          ))}
       </div>
     </div>
   )