Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-28 20:26:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-15 11:22:46 +01:00 committed by GitHub
parent 456b612791
commit 437047bcce
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/app/guides/[slug]/page.tsx
View File

@ -38,15 +38,11 @@ export async function generateStaticParams() {
} }
function wrapCodeBlocksWithCopyable(content: string) { function wrapCodeBlocksWithCopyable(content: string) {
// Reemplazar los bloques de código de Markdown con CopyableCode // Reemplazar los bloques de código con el componente CopyableCode
const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g
return content.replace(codeBlockRegex, (match, code) => { return content.replace(codeBlockRegex, (match, code) => {
return ` return `<CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} />`
<div class="bg-gray-100 border border-gray-300 rounded-md p-4 overflow-auto">
<CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} />
</div>
`
}) })
} }
@ -55,10 +51,10 @@ export default async function GuidePage({ params }: { params: { slug: string } }
guideContent = wrapCodeBlocksWithCopyable(guideContent) guideContent = wrapCodeBlocksWithCopyable(guideContent)
return ( return (
<div className="min-h-screen bg-white"> <div className="min-h-screen bg-white text-gray-900">
<div className="container mx-auto px-4 py-16 max-w-3xl"> <div className="container mx-auto px-4 py-16 max-w-3xl">
<div <div
className="prose prose-gray max-w-none" className="prose max-w-none"
dangerouslySetInnerHTML={{ __html: guideContent }} dangerouslySetInnerHTML={{ __html: guideContent }}
/> />
</div> </div>