Create index.ts
This commit is contained in:
parent
7779bc2992
commit
2847f43547
50
documentation/src/pages/translations/index.ts
Normal file
50
documentation/src/pages/translations/index.ts
Normal file
|
@ -0,0 +1,50 @@
|
||||||
|
import React, { useEffect, useState } from "react";
|
||||||
|
import Head from "@docusaurus/Head";
|
||||||
|
import { BlogFooter } from "@site/src/refine-theme/blog-footer";
|
||||||
|
import { CommonHeader } from "@site/src/refine-theme/common-header";
|
||||||
|
import { CommonLayout } from "@site/src/refine-theme/common-layout";
|
||||||
|
import clsx from "clsx";
|
||||||
|
import marked from "marked"; // Import the marked library for parsing Markdown
|
||||||
|
|
||||||
|
const Translations: React.FC = () => {
|
||||||
|
const [readmeContent, setReadmeContent] = useState<string>("");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const fetchReadme = async () => {
|
||||||
|
try {
|
||||||
|
const response = await fetch("https://raw.githubusercontent.com/stefanpejcic/openpanel-translations/main/README.md");
|
||||||
|
const data = await response.text();
|
||||||
|
setReadmeContent(data);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching README:", error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
fetchReadme();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const renderMarkdown = (content: string) => {
|
||||||
|
// Use marked library to parse Markdown content
|
||||||
|
return {__html: marked(content)};
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CommonLayout>
|
||||||
|
<Head title="Translations | OpenPanel">
|
||||||
|
<html data-page="translation" data-customized="true" />
|
||||||
|
</Head>
|
||||||
|
<div className="refine-prose">
|
||||||
|
<CommonHeader hasSticky={true} />
|
||||||
|
|
||||||
|
<div className="flex-1 flex flex-col pt-8 lg:pt-16 pb-32 max-w-[800px] w-full mx-auto px-2">
|
||||||
|
<h1>Translations</h1>
|
||||||
|
{/* Display README content as HTML */}
|
||||||
|
<div dangerouslySetInnerHTML={renderMarkdown(readmeContent)} />
|
||||||
|
</div>
|
||||||
|
<BlogFooter />
|
||||||
|
</div>
|
||||||
|
</CommonLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Translations;
|
Loading…
Reference in a new issue