All files / src/pages/BrowsePage BrowsePage.jsx

100% Statements 3/3
100% Branches 2/2
100% Functions 2/2
100% Lines 3/3

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 21 22 23              4x 4x         10x                  
import React from 'react';
import BreadCrumb from '../../components/BeardCrumb/BreadCrumb';
import ProductThumbnail from '../../components/ProductThumbnail/ProductThumbnail';
import './BrowsePage.scss';
import loadingIndicator from '../../Images/loading-indicator-main.jpeg';
 
function BrowsePage({ categoryResult }) {
  let { groups, name } = categoryResult;
  return (
    <React.Fragment>
      <BreadCrumb categoryname={name} />
      <div className="grid-x grid-padding-x small-up-1 medium-up-3 large-up-3">
        {groups ? groups.map((item, index) => {
          return (<ProductThumbnail key={index} product={item} />)
        }) : <img className="loading-indicator" src={loadingIndicator}></img>}
      </div>
    </React.Fragment>
  );
 
}
 
export default BrowsePage;