Browse Source

:fire: import button

visuddhinanda 3 years ago
parent
commit
0a0be01021
1 changed files with 16 additions and 12 deletions
  1. 16 12
      dashboard/src/components/nut/Home.tsx

+ 16 - 12
dashboard/src/components/nut/Home.tsx

@@ -1,20 +1,24 @@
+import ReactMarkdown from "react-markdown";
 import code_png from "../../assets/nut/code.png";
 import code_png from "../../assets/nut/code.png";
 import MarkdownForm from "./MarkdownForm";
 import MarkdownForm from "./MarkdownForm";
 import MarkdownShow from "./MarkdownShow";
 import MarkdownShow from "./MarkdownShow";
 
 
 const Widget = () => {
 const Widget = () => {
-  return (
-    <div>
-      <h1>Home</h1>
-      <br />
-      <MarkdownShow body="- Hello, **《mint》**!" />
-      <br />
-      <h3>Form</h3>
-      <MarkdownForm />
-      <br />
-      <img alt="code" src={code_png} />
-    </div>
-  );
+	return (
+		<div>
+			<h1>Home</h1>
+			<br />
+			<MarkdownShow body="- Hello, **《mint》**!" />
+			<br />
+			<h3>Form</h3>
+			<MarkdownForm />
+			<br />
+			<img alt="code" src={code_png} />
+			<div>
+				<ReactMarkdown>*This* is text with `quote`</ReactMarkdown>
+			</div>
+		</div>
+	);
 };
 };
 
 
 export default Widget;
 export default Widget;