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

Update page.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-15 16:20:28 +01:00 committed by GitHub
parent 1ba5585c05
commit 3cc24d2d4e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/changelog/page.tsx
View File

@ -2,7 +2,7 @@ import fs from "fs"
import path from "path" import path from "path"
import { remark } from "remark" import { remark } from "remark"
import html from "remark-html" import html from "remark-html"
import gfm from "remark-gfm" // 🔹 Agregamos soporte para imágenes, tablas y enlaces automáticos import gfm from "remark-gfm" // ✅ Agrega soporte para imágenes y tablas en Markdown
import dynamic from "next/dynamic" import dynamic from "next/dynamic"
import React from "react" import React from "react"
import parse from "html-react-parser" import parse from "html-react-parser"
@ -15,7 +15,8 @@ async function getChangelogContent() {
const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md") const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md")
const fileContents = fs.readFileSync(changelogPath, "utf8") const fileContents = fs.readFileSync(changelogPath, "utf8")
const result = await remark().use(gfm).use(html).process(fileContents) // 🔹 Se añade `remark-gfm` // ✅ Agregamos `remark-gfm` para permitir imágenes
const result = await remark().use(gfm).use(html).process(fileContents)
return result.toString() return result.toString()
} catch (error) { } catch (error) {
console.error("❌ Error al leer el archivo CHANGELOG.md", error) console.error("❌ Error al leer el archivo CHANGELOG.md", error)
@ -54,7 +55,7 @@ export default async function ChangelogPage() {
<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" style={{ maxWidth: "980px" }}> {/* 📌 Ajuste exacto como GitHub */} <div className="container mx-auto px-4 py-16" style={{ maxWidth: "980px" }}> {/* 📌 Ajuste exacto como GitHub */}
<h1 className="text-4xl font-bold mb-8">Changelog</h1> <h1 className="text-4xl font-bold mb-8">Changelog</h1>
<div className="prose max-w-none text-[16px]">{parsedContent}</div> {/* 📌 Ahora con imágenes */} <div className="prose max-w-none text-[16px]">{parsedContent}</div> {/* 📌 Texto ajustado a 16px */}
</div> </div>
</div> </div>
) )