Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tweak styling of single component view in DevDocs.

This commit is contained in:
Jeff Stieler 2019-08-29 07:47:27 -07:00
parent 3d03faa887
commit 134f472484
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
plugins/woocommerce-admin/client/devdocs/index.js
View File

@ -3,7 +3,7 @@
* External dependencies
*/
import classnames from 'classnames';
import { Component } from '@wordpress/element';
import { Component, Fragment } from '@wordpress/element';
import { find, get } from 'lodash';
/**
@ -55,44 +55,46 @@ export default class extends Component {
'woocommerce-analytics__card'
);
return (
<Card
key={ componentName }
className={ cardClasses }
title={
component ? (
componentName
) : (
<Link
href={ `admin.php?page=wc-admin&path=/devdocs/${ filePath }` }
type="wc-admin"
>
{ componentName }
</Link>
)
}
action={
component ? (
<Link href={ '?page=wc-admin&path=/devdocs' } type="wc-admin">
Full list
</Link>
) : null
}
>
<ComponentExample
asyncName={ componentName }
component={ componentName }
filePath={ filePath }
render={ render }
/>
<Fragment key={ componentName }>
<Card
key={ `${ componentName }-example` }
className={ cardClasses }
title={
component ? (
componentName
) : (
<Link
href={ `admin.php?page=wc-admin&path=/devdocs/${ filePath }` }
type="wc-admin"
>
{ componentName }
</Link>
)
}
action={
component ? (
<Link href={ '?page=wc-admin&path=/devdocs' } type="wc-admin">
Full list
</Link>
) : null
}
>
<ComponentExample
asyncName={ componentName }
component={ componentName }
filePath={ filePath }
render={ render }
/>
</Card>
{ component && (
<ComponentDocs
key={ `${ componentName }-readme` }
componentName={ componentName }
filePath={ filePath }
docPath={ docPath }
/>
) }
</Card>
</Fragment>
);
} ) }
</div>