function Gridsection()

in src/app/ContosoTraders.Ui.Website/src/pages/home/sections/gridSection.tsx [5:32]

• 27 lines of code
• 1 McCabe index (conditional complexity)

function Gridsection() {
  const history = useNavigate();
  
  const startShopping = () => {
    history('/list/laptops')
  }
  return (
    <div className="LaptopSection">
      <div className="LapHeadSection">
        <div className="LapHead">MICROSOFT LAPTOPS</div>
        <div className="LapHeadmain">LAPTOPS DESIGNED BY MICROSOFT</div>
      </div>
      <div className="ProductSection">
        <div className="productgrid">
          <Grid container spacing={4}>
            <Grid item lg={5} md={4} xs={12} className="lapsecimage-top">
              <img
                src={LaptopGirl}
                className="lapsecimage"
                alt="girl with laptop"
              />
            </Grid>
            <Grid item lg={7} md={8} xs={12} className="img-class">
              <Grid container spacing={4}>
                <Grid container item xs={12} spacing={4}>
                  <Grid item lg={6} sm={6} md={6} xs={12}>
                    <Card className="cardlap">
                      <CardActionArea onClick={() => startShopping()}>