From b1a43ef8becf9031139cda273d30eacbcd737af9 Mon Sep 17 00:00:00 2001
From: Rising Odegua <risingodegua@gmail.com>
Date: Thu, 29 Apr 2021 13:23:40 +0100
Subject: [PATCH] [Component][m]: Add ReadMe component

---
 packages/portal/src/components/page/Readme.js | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 packages/portal/src/components/page/Readme.js

diff --git a/packages/portal/src/components/page/Readme.js b/packages/portal/src/components/page/Readme.js
new file mode 100644
index 00000000..e3573467
--- /dev/null
+++ b/packages/portal/src/components/page/Readme.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+/**
+ * ReadMe component displays the markdown description of a datapackage
+ * @param {string} readme parsed html of data package readme
+ * @returns React Component
+ */
+const ReadMe = ({ readmeHtml }) => {
+    return (
+        <>
+            <section className="m-8" name="sample-table">
+                <h1 className="text-2xl font-bold mb-4">README</h1>
+                <div className="prose">
+                    <div dangerouslySetInnerHTML={{ __html: readmeHtml }} />
+                </div>
+            </section>
+        </>
+    )
+}
+
+export default ReadMe
\ No newline at end of file