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 24 25 26 27 28 | 4x 4x 10x | /* eslint-disable react/no-array-index-key */ /* eslint-disable react/prop-types */ /* eslint-disable react/jsx-filename-extension */ /* eslint-disable padded-blocks */ /* eslint-disable no-undef */ /* eslint-disable max-len */ import React from 'react'; import BreadCrumb from '../../components/BeardCrumb/BreadCrumb'; import ProductThumbnail from '../../components/ProductThumbnail/ProductThumbnail'; import './BrowsePage.scss'; import '../../helpers/spinner/spinner.scss'; function BrowsePage({ categoryResult }) { const { groups, name } = categoryResult; return ( <> <BreadCrumb categoryname={name} /> <div className="grid-x grid-padding-x small-up-1 medium-up-3 large-up-3"> {groups ? groups.map((item, index) => (<ProductThumbnail key={index} product={item} />)) : <div className="loading-spinner" />} </div> </> ); } export default BrowsePage; |