41 lines
737 B
JavaScript
41 lines
737 B
JavaScript
|
/** @format */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { Component } from '@wordpress/element';
|
||
|
|
import marked from 'marked';
|
||
|
|
import { Parser } from 'html-to-react';
|
||
|
|
|
||
|
|
const htmlToReactParser = new Parser();
|
||
|
|
|
||
|
|
class Docs extends Component {
|
||
|
|
state = {
|
||
|
|
readme: null,
|
||
|
|
};
|
||
|
|
|
||
|
|
componentDidMount() {
|
||
|
|
this.getReadme();
|
||
|
|
}
|
||
|
|
|
||
|
|
getReadme() {
|
||
|
|
const readme = require( `../../docs/components/${ this.props.filePath }.md` );
|
||
|
|
if ( ! readme ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const html = marked( readme );
|
||
|
|
this.setState( {
|
||
|
|
readme: htmlToReactParser.parse( html ),
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { readme } = this.state;
|
||
|
|
if ( ! readme ) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return <div className="woocommerce-devdocs__docs">{ readme }</div>;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Docs;
|