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 13:15:27 +01:00 committed by GitHub
parent 3820ccac4b
commit d5969b6d08
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,12 +21,22 @@ export async function generateStaticParams() {
export default async function GuidePage({ params }: { params: { slug: string } }) { export default async function GuidePage({ params }: { params: { slug: string } }) {
const guideContent = await getGuideContent(params.slug) 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 ( return (
<div className="min-h-screen bg-white text-gray-900"> <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-lg max-w-none prose-pre:bg-gray-100 prose-pre:text-gray-900 prose-headings:text-gray-900 prose-p:text-gray-800" 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>
</div> </div>