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; |