fix(readme): fixes to get correct html from render response

app/components/ReadMe.tsx

@@ -38,13 +38,12 @@ const Readme: React.FunctionComponent<ReadmeProps> = (props) => {
     setInternalValue(value)
   }
 
-  const getPreview = (plainText: string, preview: any) => {
+  const getPreview = (plainText: string, preview: HTMLElement) => {
     fetch(`http://localhost:2503/render/${peername}/${name}?fsi=true`)
-      .then(async (d) => d.json())
-      .then(({ data: html }) => {
-        preview.innerHTML = html
+      .then(async (res) => res.text())
+      .then((render) => {
+        preview.innerHTML = render
       })
-
     return 'Loading...'
   }
 

app/scss/_readme.scss

@@ -0,0 +1,28 @@
+.CodeMirror {
+  padding: 1rem;
+}
+
+.editor-preview {
+  padding: 1rem;
+}
+
+.editor-preview > blockquote {
+  margin: 1rem;
+  padding-left: .5rem;
+  border-left: solid #eaeaea;
+}
+
+.editor-preview > ol {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.editor-preview > ul {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.editor-preview > table {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}

app/scss/style.scss

@@ -32,5 +32,7 @@
 @import "toast";
 @import "body";
 @import "metadata";
+@import "readme";
 
+@import '~easymde/dist/easymde.min.css';
 @import "dialog"

version.js

@@ -1,2 +1,2 @@
 exports.desktopVersion = '0.2.1-dev'
-exports.backendVersion = '0.9.2-dev'
+exports.backendVersion = '0.9.2-dev'