🩹 Fix several React warnings

This commit is contained in:
Philipp Stracker 2025-01-28 18:51:12 +01:00
parent 235ff308f5
commit e1c57bd35e
No known key found for this signature in database
3 changed files with 12 additions and 4 deletions

View file

@ -1,4 +1,4 @@
import data from '../../utils/data';
import { PPIcon } from './Icons';
const ImageBadge = ( { images } ) => {
if ( ! images || ! images.length ) {
@ -8,7 +8,13 @@ const ImageBadge = ( { images } ) => {
return (
<BadgeContent>
<span className="ppcp-r-badge-box__title-image-badge">
{ images.map( ( badge ) => data().getImage( badge ) ) }
{ images.map( ( badge, index ) => (
<PPIcon
key={ `badge-${ index }` }
imageName={ badge }
className="ppcp-r-badge-box__image"
/>
) ) }
</span>
</BadgeContent>
);

View file

@ -65,7 +65,9 @@ const OptionItem = ( {
<div className="ppcp--box-content">
<div className="ppcp--box-content-inner">
<span className="ppcp--box-title">{ itemTitle }</span>
<p className="ppcp--box-description">{ itemDescription }</p>
<div className="ppcp--box-description">
{ itemDescription }
</div>
{ children && (
<div className="ppcp--box-details">{ children }</div>
) }

View file

@ -7,7 +7,7 @@ const OnboardingHeader = ( props ) => {
<section className="ppcp-r-onboarding-header">
<div className="ppcp-r-onboarding-header__logo">
<div className="ppcp-r-onboarding-header__logo-wrapper">
<Icon icon={ LogoPayPal } width="auto" height={ 38 } />
<Icon icon={ LogoPayPal } width={ 110 } height={ 38 } />
</div>
</div>
<div className="ppcp-r-onboarding-header__content">