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

Skeleton component: fix warning about key prop (https://github.com/woocommerce/woocommerce-blocks/pull/9018)

This commit is contained in:
Luigi Teschio 2023-04-12 16:04:05 +02:00 committed by GitHub
parent e8e7b43625
commit 6c86d45951
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plugins/woocommerce-blocks/assets/js/base/components/skeleton/index.tsx
View File

@ -10,11 +10,15 @@ export interface SkeletonProps {
export const Skeleton = ( { export const Skeleton = ( {
numberOfLines = 1, numberOfLines = 1,
}: SkeletonProps ): JSX.Element => { }: SkeletonProps ): JSX.Element => {
const skeletonLines = Array( numberOfLines ).fill( const skeletonLines = Array.from(
<span { length: numberOfLines },
className="wc-block-components-skeleton-text-line" ( _: undefined, index ) => (
aria-hidden="true" <span
/> className="wc-block-components-skeleton-text-line"
aria-hidden="true"
key={ index }
/>
)
); );
return ( return (
<div className="wc-block-components-skeleton">{ skeletonLines }</div> <div className="wc-block-components-skeleton">{ skeletonLines }</div>