function ImageSlider()

in src/app/ContosoTraders.Ui.Website/src/components/imageSlider/imageSlider.tsx [13:63]

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

function ImageSlider(props) {
  const [min, setMin] = React.useState(0)
  const [max, setMax] = React.useState(4)
  const sliderImages = [
    {
      id : 1,
      img : productdetailimg1
    },
    {
      id : 2,
      img : props.imageUrl
    },
    {
      id : 3,
      img : productdetailimg3
    },
    {
      id : 4,
      img : productdetailimg4
    },
    {
      id : 2,
      img : productdetailimg2
    },
    {
      id : 1,
      img : productdetailimg1
    },
    {
      id : 4,
      img : productdetailimg4
    },
    {
      id : 3,
      img : productdetailimg3
    },
  ];

  const decrementMinMax = () => {
    setMin(min-4)
    setMax(max-4)
  }
  const incrementMinMax = () => {
    setMin(min+4)
    setMax(max+4)
  }
  return (
    <div>
      <div className="slidesection">
        <div className="slideimagelist">
          <div> <Button className={`${min === 0 ? "chevron_btn disabled" : "chevron_btn"} chevron_prevbtn`} disabled={min === 0 ? true : false} onClick={() => decrementMinMax()} ><img src={chevron_up} alt=""/></Button> </div>