Responsive for js

componentDidMount() {
    this.updateDimensions()
    window.addEventListener('resize', this.updateDimensions)
  }

  componentWillUnmount() {
    window.removeEventListener('resize', this.updateDimensions)
  }

  updateDimensions = () => {
    if (window.innerWidth > 1700) {
      this.setState({ slideToShow: 7 })
    } else if (window.innerWidth > 1500) {
      this.setState({ slideToShow: 6 })
    } else if (window.innerWidth > 1350) {
      this.setState({ slideToShow: 5 })
    } else if (window.innerWidth > 1180) {
      this.setState({ slideToShow: 4 })
    } else if (window.innerWidth > 1026) {
      this.setState({ slideToShow: 3 })
    } else if (window.innerWidth > 950) {
      this.setState({ slideToShow: 4 })
    } else if (window.innerWidth > 730) {
      this.setState({ slideToShow: 3 })
    } else if (window.innerWidth > 570) {
      this.setState({ slideToShow: 2 })
    } else {
      this.setState({ slideToShow: 1 })
    }
  }