diff --git a/src/renderer/components/+preferences/extension-page.tsx b/src/renderer/components/+preferences/extension-page.tsx index bef50cd486..0743d1cd3e 100644 --- a/src/renderer/components/+preferences/extension-page.tsx +++ b/src/renderer/components/+preferences/extension-page.tsx @@ -10,33 +10,35 @@ import { Extension, getExtensionById } from "./extension-list"; import { Spinner } from "../spinner"; import { ExtensionCard } from "./extension-card"; import { useParams } from "react-router"; +import { MarkdownViewer } from "../markdown-viewer"; export function ExtensionPage() { const [extension, setExtension] = useState(null); + const [description, setDescription] = useState(""); const { id } = useParams<{ id?: string }>(); useEffect(() => { async function fetchExtension() { - try { - const response = await getExtensionById(id); + return await getExtensionById(id); + } - setExtension(response); + async function loadData() { + try { + const extension = await fetchExtension(); + const readmeUrl = `${extension.githubRepositoryUrl.replace("github.com", "raw.githubusercontent.com")}/master/README.md`; + const description = await (await fetch(readmeUrl)).text(); + + setExtension(extension); + setDescription(description); } catch (error) { console.error(error); } } - async function fetchGithubDescription() { - const description = await fetch("https://raw.githubusercontent.com/{owner}/{repo}/{branch}/README.md"); - - console.log(await description.text()); - } - - fetchExtension(); - fetchGithubDescription(); + loadData(); }, []); - if (!extension) { + if (!extension || !description) { return ; } @@ -46,7 +48,7 @@ export function ExtensionPage() {
- GitHub description +

Categories