All files / src/components/SimilarProducts SimilarProducts.jsx

100% Statements 4/4
50% Branches 1/2
100% Functions 3/3
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20        5x   5x           50x 20x            
import React from 'react';
import ProductThumbnail from '../ProductThumbnail/ProductThumbnail';
 
export default function SimilarProducts({ categoryResult }) {
    let similarProducts = categoryResult.groups
 
    return (
        <div className="similar-products-section">
            <div className="grid-x grid-padding-x small-up-1 medium-up-1 large-up-1">
                <h5 className="subheader primary">Similar Products</h5>
            </div>
            <div className="grid-x grid-padding-x small-up-1 medium-up-3 large-up-4">
                {similarProducts ? similarProducts.filter((item, index) => index < 4).map((item, index) => {
                    return <ProductThumbnail key={index} product={item} />
                }) : <div>Similar Product not found</div>}
            </div>
        </div>
    )
}