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

Modify PluginCardBody to accept className, and change description type.

This commit is contained in:
Gan Eng Chin 2022-12-13 21:35:01 +08:00
parent 6baa403071
commit d70fb07f31
No known key found for this signature in database
GPG Key ID: 94D5D972860ADB01
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/woocommerce-admin/client/marketing/components/PluginCardBody/PluginCardBody.tsx
View File

@ -1,3 +1,8 @@
/**
* External dependencies
*/
import classnames from 'classnames';
/**
* Internal dependencies
*/
@ -5,6 +10,7 @@ import { CardBody } from '~/marketing/components';
import './PluginCardBody.scss';
type PluginCardBodyProps = {
className?: string;
icon: JSX.Element;
name: string;
@ -13,7 +19,7 @@ type PluginCardBodyProps = {
*/
pills?: Array< JSX.Element >;
description: string;
description: React.ReactNode;
button?: JSX.Element;
};
@ -21,6 +27,7 @@ type PluginCardBodyProps = {
* Renders a CardBody layout component to display plugin info and button.
*/
export const PluginCardBody: React.FC< PluginCardBodyProps > = ( {
className,
icon,
name,
pills,
@ -28,7 +35,12 @@ export const PluginCardBody: React.FC< PluginCardBodyProps > = ( {
button,
} ) => {
return (
<CardBody className="woocommerce_marketing_plugin_card_body">
<CardBody
className={ classnames(
'woocommerce_marketing_plugin_card_body',
className
) }
>
<div className="woocommerce_marketing_plugin_card_body__icon">
{ icon }
</div>