diff --git a/web/app/guides/[slug]/page.tsx b/web/app/guides/[slug]/page.tsx index 2d11f13..8340df5 100644 --- a/web/app/guides/[slug]/page.tsx +++ b/web/app/guides/[slug]/page.tsx @@ -6,7 +6,7 @@ import dynamic from "next/dynamic" import React from "react" import parse from "html-react-parser" -// Importamos `CopyableCode` de forma dinámica para evitar problemas de SSR + const CopyableCode = dynamic(() => import("@/components/CopyableCode"), { ssr: false }) async function getGuideContent(slug: string) { @@ -26,12 +26,12 @@ export async function generateStaticParams() { function cleanInlineCode(content: string) { return content.replace(/(.*?)<\/code>/g, (_, codeContent) => { - const cleanedCode = codeContent.replace(/^`|`$/g, "") // 🔹 Elimina las comillas invertidas alrededor del código + const cleanedCode = codeContent.replace(/^`|`$/g, "") return `${cleanedCode}` }) } -// 🔹 Envuelve los bloques de código en + function wrapCodeBlocksWithCopyable(content: string) { return parse(content, { replace: (domNode: any) => { @@ -48,13 +48,13 @@ function wrapCodeBlocksWithCopyable(content: string) { export default async function GuidePage({ params }: { params: { slug: string } }) { const guideContent = await getGuideContent(params.slug) - const cleanedInlineCode = cleanInlineCode(guideContent) // 🔹 Primero limpiamos código en línea - const parsedContent = wrapCodeBlocksWithCopyable(cleanedInlineCode) // 🔹 Luego aplicamos JSX a bloques de código + const cleanedInlineCode = cleanInlineCode(guideContent) + const parsedContent = wrapCodeBlocksWithCopyable(cleanedInlineCode) return (
-
{/* Aumentado a `max-w-4xl` */} -
{parsedContent}
{/* Tamaño de texto 16px */} +
+
{parsedContent}
)