From 3820ccac4b1da108ebfcabe418aab9f9b34e5c7b Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Sat, 15 Feb 2025 13:11:44 +0100
Subject: [PATCH 1/3] Update page.tsx

---
 web/app/guides/[slug]/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/app/guides/[slug]/page.tsx b/web/app/guides/[slug]/page.tsx
index 03b07d3..d343d3a 100644
--- a/web/app/guides/[slug]/page.tsx
+++ b/web/app/guides/[slug]/page.tsx
@@ -22,11 +22,13 @@ export default async function GuidePage({ params }: { params: { slug: string } }
   const guideContent = await getGuideContent(params.slug)
 
   return (
-    <div className="container mx-auto px-4 py-16 max-w-3xl bg-white text-gray-900 border-white">
-      <div
-        className="prose prose-lg max-w-none prose-pre:bg-gray-100 prose-pre:text-gray-900 prose-headings:text-gray-900 prose-p:text-gray-800"
-        dangerouslySetInnerHTML={{ __html: guideContent }}
-      />
+    <div className="min-h-screen bg-white text-gray-900">
+      <div className="container mx-auto px-4 py-16 max-w-3xl">
+        <div
+          className="prose prose-lg max-w-none prose-pre:bg-gray-100 prose-pre:text-gray-900 prose-headings:text-gray-900 prose-p:text-gray-800"
+          dangerouslySetInnerHTML={{ __html: guideContent }}
+        />
+      </div>
     </div>
   )
 }

From d5969b6d08c8c9dd19b7929a6d4b377cc9fe2de6 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Sat, 15 Feb 2025 13:15:27 +0100
Subject: [PATCH 2/3] Update page.tsx

---
 web/app/guides/[slug]/page.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/app/guides/[slug]/page.tsx b/web/app/guides/[slug]/page.tsx
index d343d3a..fb77986 100644
--- a/web/app/guides/[slug]/page.tsx
+++ b/web/app/guides/[slug]/page.tsx
@@ -21,12 +21,22 @@ export async function generateStaticParams() {
 export default async function GuidePage({ params }: { params: { slug: string } }) {
   const guideContent = await getGuideContent(params.slug)
 
+ 
+  const wrapCodeBlocks = (content: string) => {
+    return content.replace(
+      /<pre><code>([\s\S]*?)<\/code><\/pre>/g,
+      (match, code) => `<CopyableCode code="${encodeURIComponent(code.trim())}" />`,
+    )
+  }
+
+  const wrappedContent = wrapCodeBlocks(guideContent)
+
   return (
     <div className="min-h-screen bg-white text-gray-900">
       <div className="container mx-auto px-4 py-16 max-w-3xl">
         <div
           className="prose prose-lg max-w-none prose-pre:bg-gray-100 prose-pre:text-gray-900 prose-headings:text-gray-900 prose-p:text-gray-800"
-          dangerouslySetInnerHTML={{ __html: guideContent }}
+          dangerouslySetInnerHTML={{ __html: wrappedContent }}
         />
       </div>
     </div>

From 16befc41ac3c6ee54daa9a40dc0c15b554ab0d72 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Sat, 15 Feb 2025 13:25:53 +0100
Subject: [PATCH 3/3] Update page.tsx

---
 web/app/guides/[slug]/page.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/web/app/guides/[slug]/page.tsx b/web/app/guides/[slug]/page.tsx
index fb77986..f47fbe8 100644
--- a/web/app/guides/[slug]/page.tsx
+++ b/web/app/guides/[slug]/page.tsx
@@ -21,7 +21,7 @@ export async function generateStaticParams() {
 export default async function GuidePage({ params }: { params: { slug: string } }) {
   const guideContent = await getGuideContent(params.slug)
 
- 
+  // Función para envolver los bloques de código con CopyableCode
   const wrapCodeBlocks = (content: string) => {
     return content.replace(
       /<pre><code>([\s\S]*?)<\/code><\/pre>/g,
@@ -34,10 +34,7 @@ export default async function GuidePage({ params }: { params: { slug: string } }
   return (
     <div className="min-h-screen bg-white text-gray-900">
       <div className="container mx-auto px-4 py-16 max-w-3xl">
-        <div
-          className="prose prose-lg max-w-none prose-pre:bg-gray-100 prose-pre:text-gray-900 prose-headings:text-gray-900 prose-p:text-gray-800"
-          dangerouslySetInnerHTML={{ __html: wrappedContent }}
-        />
+        <div className="prose max-w-none" dangerouslySetInnerHTML={{ __html: wrappedContent }} />
       </div>
     </div>
   )