knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Rising Odegua
2021-05-05 15:50:52 +01:00
parent 0129921942
commit b713360ead
4 changed files with 28 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
dist/index.cjs.js vendored
View File

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

22
dist/index.esm.js vendored
View File

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

5
src/components/dataset/Readme.js
View File

@@ -6,13 +6,12 @@ import PropTypes from 'prop-types';
* @param {string} readme parsed html of data package readme * @param {string} readme parsed html of data package readme
* @returns React Component * @returns React Component
*/ */
const ReadMe = ({ readmeHtml }) => { const ReadMe = ({ readme }) => {
return ( return (
<> <>
<section className="m-8" name="sample-table"> <section className="m-8" name="sample-table">
<h1 className="text-2xl font-bold mb-4">README</h1>
<div className="prose"> <div className="prose">
<div dangerouslySetInnerHTML={{ __html: readmeHtml }} /> <div dangerouslySetInnerHTML={{ __html: readme }} />
</div> </div>
</section> </section>
</> </>

12
src/components/ui/Recent.js
View File

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