Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-10 15:35:49 +01:00
Code Issues Packages Projects Releases Activity

refactor markdownviewer // fix padding

Browse Source
This commit is contained in:
Eduard Heimbuch
2020-01-16 10:00:44 +01:00
parent b5e78f46be
commit db1d89792e
3 changed files with 72 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
scm-ui/ui-webapp/src/repos/sources/components/content/MarkdownViewer.tsx
View File

@@ -1,16 +1,21 @@
import React, { FC, useEffect, useState } from "react";
import { getContent } from "./SourcecodeViewer";
import { Link, File } from "@scm-manager/ui-types";
import { Loading, ErrorNotification, MarkdownView, Button, Level } from "@scm-manager/ui-components";
import { Loading, ErrorNotification, MarkdownView } from "@scm-manager/ui-components";
import styled from "styled-components";
type Props = {
file: File;
};
const MarkdownContent = styled.div`
padding: 0.5rem;
`;
const MarkdownViewer: FC<Props> = ({ file }) => {
const [loading, setLoading] = useState<boolean>(true);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<Error | undefined>(undefined);
const [content, setContent] = useState<string>("");
const [content, setContent] = useState("");
useEffect(() => {
getContent((file._links.self as Link).href)
@@ -32,7 +37,11 @@ const MarkdownViewer: FC<Props> = ({ file }) => {
return <ErrorNotification error={error} />;
}
return <MarkdownView content={content} />;
return (
<MarkdownContent>
<MarkdownView content={content} />
</MarkdownContent>
);
};
export default MarkdownViewer;