woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

Redesign the welcome changes

Browse source
This commit is contained in:
Narek Zakarian 2024-11-05 13:49:38 +04:00
parent d4e0167d88
commit 6d078fcf5d
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
17 changed files with 468 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

37
modules/ppcp-settings/resources/js/Components/ReusableComponents/BadgeBox.js Normal file
View file

@ -0,0 +1,37 @@
import data from '../../utils/data';
import TitleBadge, {TITLE_BADGE_INFO} from "./TitleBadge";
import {__} from "@wordpress/i18n";
const BadgeBox = ( props ) => {
const titleTag = props.titleTag ?? 'h3';
const TitleTag = titleTag;
return (
<div className="ppcp-r-text-badge-box">
<span className="ppcp-r-text-badge-box__title">
{props.title}
{props.imageBadge && (
<span className="ppcp-r-title-image-badge">
{props.imageBadge.map((badge) => data().getImage(badge))}
</span>
)}
{props.textBadge && (
<TitleBadge type={TITLE_BADGE_INFO} text={props.textBadge}/>
)}
</span>
<div className="ppcp-r-text-badge-box__description">
{props?.description && (
<p
className="ppcp-r-text-badge-box__description"
dangerouslySetInnerHTML={{
__html: props.description,
}}
></p>
)}
</div>
</div>
);
};
export default BadgeBox;