From 1ccf796b07ef5b68f7d0bb7dc41fcb238714b416 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Fri, 14 Feb 2025 18:52:54 +0100
Subject: [PATCH] Update page.tsx

---
 web/app/changelog/page.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/app/changelog/page.tsx b/web/app/changelog/page.tsx
index 44fd6eb..1f1bdff 100644
--- a/web/app/changelog/page.tsx
+++ b/web/app/changelog/page.tsx
@@ -1,14 +1,14 @@
 import fs from "fs"
 import path from "path"
 import ReactMarkdown from "react-markdown"
+import remarkGfm from "remark-gfm"
+import remarkBreaks from "remark-breaks"
 
 async function getChangelog() {
   const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md")
   try {
     const fileContents = fs.readFileSync(changelogPath, "utf8")
-
-    // Asegurar que los saltos de línea dobles se respeten
-    return fileContents.replace(/\r?\n/g, "  \n")
+    return fileContents
   } catch (error) {
     console.error("Error reading changelog file:", error)
     return "Changelog content not found."
@@ -23,7 +23,9 @@ export default async function ChangelogPage() {
       <div className="container mx-auto px-4 py-16 max-w-4xl">
         <h1 className="text-4xl font-bold mb-8">Changelog</h1>
         <div className="prose prose-lg max-w-none bg-gray-100 p-4 border border-gray-300 rounded-md">
-          <pre>{changelogContent}</pre>
+          <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]}>
+            {changelogContent}
+          </ReactMarkdown>
         </div>
       </div>
     </div>