[Components][m]: Slight update to props definition

dist/index.cjs.js

@@ -327,17 +327,15 @@ ResourcesInfo.propTypes = {
  */
 
 var ReadMe = function ReadMe(_ref) {
-  var readmeHtml = _ref.readmeHtml;
+  var readme = _ref.readme;
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("section", {
     className: "m-8",
     name: "sample-table"
-  }, /*#__PURE__*/React__default['default'].createElement("h1", {
-    className: "text-2xl font-bold mb-4"
-  }, "README"), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "prose"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: readmeHtml
+      __html: readme
     }
   }))));
 };
@@ -561,19 +559,19 @@ var Nav = function Nav(_ref) {
 
 Nav.propTypes = {
   logo: PropTypes__default['default'].string.isRequired,
-  navMenu: PropTypes__default['default'].string
+  navMenu: PropTypes__default['default'].array.isRequired
 };
 
 /**
  * Displays a list of recent datasets
- * @param {object} props
- * datasets = {
+ * @param {array} props An array of datasets
+ * { datasets = [{
  *    organization: {name: <some name>, title: <some title> },
  *    title: <Data package title>
  *    name:  <Data package name>
  *    description: <description of data package>
- *    notes: <Notes associated with the data package>
- * } 
+ *   }]
+ * }
  * @returns React Component
  */
 
@@ -581,9 +579,7 @@ var Recent = function Recent(_ref) {
   var datasets = _ref.datasets;
   return /*#__PURE__*/React__default['default'].createElement("section", {
     className: "my-10 mx-4 lg:my-20"
-  }, /*#__PURE__*/React__default['default'].createElement("h1", {
-    className: "text-2xl font-thin mb-4"
-  }, "Recent Datasets"), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "recent flex flex-col lg:flex-row"
   }, datasets.map(function (dataset, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -602,7 +598,7 @@ var Recent = function Recent(_ref) {
 };
 
 Recent.propTypes = {
-  datasets: PropTypes__default['default'].object.isRequired
+  datasets: PropTypes__default['default'].array.isRequired
 };
 
 exports.CustomLink = CustomLink;

dist/index.esm.js

@@ -294,17 +294,15 @@ ResourcesInfo.propTypes = {
  */
 
 var ReadMe = function ReadMe(_ref) {
-  var readmeHtml = _ref.readmeHtml;
+  var readme = _ref.readme;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("section", {
     className: "m-8",
     name: "sample-table"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "text-2xl font-bold mb-4"
-  }, "README"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "prose"
   }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
-      __html: readmeHtml
+      __html: readme
     }
   }))));
 };
@@ -528,19 +526,19 @@ var Nav = function Nav(_ref) {
 
 Nav.propTypes = {
   logo: PropTypes.string.isRequired,
-  navMenu: PropTypes.string
+  navMenu: PropTypes.array.isRequired
 };
 
 /**
  * Displays a list of recent datasets
- * @param {object} props
- * datasets = {
+ * @param {array} props An array of datasets
+ * { datasets = [{
  *    organization: {name: <some name>, title: <some title> },
  *    title: <Data package title>
  *    name:  <Data package name>
  *    description: <description of data package>
- *    notes: <Notes associated with the data package>
- * } 
+ *   }]
+ * }
  * @returns React Component
  */
 
@@ -548,9 +546,7 @@ var Recent = function Recent(_ref) {
   var datasets = _ref.datasets;
   return /*#__PURE__*/React.createElement("section", {
     className: "my-10 mx-4 lg:my-20"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "text-2xl font-thin mb-4"
-  }, "Recent Datasets"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "recent flex flex-col lg:flex-row"
   }, datasets.map(function (dataset, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -569,7 +565,7 @@ var Recent = function Recent(_ref) {
 };
 
 Recent.propTypes = {
-  datasets: PropTypes.object.isRequired
+  datasets: PropTypes.array.isRequired
 };
 
 export { CustomLink, DataExplorer, ErrorMessage as Error, KeyInfo, Nav, Org, PlotlyChart, Post, PostList, ReadMe, Recent, ResourcesInfo as ResourceInfo, Table };

src/components/dataset/Readme.js

@@ -6,13 +6,12 @@ import PropTypes from 'prop-types';
  * @param {string} readme parsed html of data package readme
  * @returns React Component
  */
-const ReadMe = ({ readmeHtml }) => {
+const ReadMe = ({ readme }) => {
     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 dangerouslySetInnerHTML={{ __html: readme }} />
                 </div>
             </section>
         </>

src/components/ui/Recent.js

@@ -4,21 +4,20 @@ import PropTypes from 'prop-types';
 
 /**
  * Displays a list of recent datasets
- * @param {object} props
- * datasets = {
+ * @param {array} props An array of datasets
+ * { datasets = [{
  *    organization: {name: <some name>, title: <some title> },
  *    title: <Data package title>
  *    name:  <Data package name>
  *    description: <description of data package>
- *    notes: <Notes associated with the data package>
- * } 
+ *   }]
+ * }
  * @returns React Component
  */
 const Recent = ({datasets}) => {
 
   return (
     <section className="my-10 mx-4 lg:my-20">
-      <h1 className="text-2xl font-thin mb-4">Recent Datasets</h1>
       <div className="recent flex flex-col lg:flex-row">
         {datasets.map((dataset, index) => (
           <div
@@ -30,8 +29,7 @@ const Recent = ({datasets}) => {
               {dataset.organization && dataset.organization.description}
             </p>
             <Link
-              href={`/@${dataset.organization ? dataset.organization.name : 'dataset'
-                }/${dataset.name}`}
+              href={`/@${dataset.organization ? dataset.organization.name : 'dataset'}/${dataset.name}`}
             >
               <a className="pt-3 flex justify-end text-orange-500">
                 View Dataset
@@ -45,7 +43,7 @@ const Recent = ({datasets}) => {
 };
 
 Recent.propTypes = {
-  datasets: PropTypes.object.isRequired
+  datasets: PropTypes.array.isRequired
 }
 
 export default Recent;