import React from "react"; import Head from "next/head"; import Image from "next/image"; import { connect } from "react-redux"; import { withRouter } from "next/router"; import moment from "moment"; import { SpinnerCircular } from "spinners-react"; import { reduxWrapper } from "../../store"; import Header from "../components/Header"; import Footer from "../components/Footer"; import Company from "../components/Company"; import InnerMenu from "./components/InnerMenu"; import NotificationMessage from "../components/Events/NotificationMessage"; import { getContractInfo, getFilteredEvents } from "../../actions"; class ContractPage extends React.Component { constructor(props) { super(props); this.state = { date: null, car: null, contract_date: null, events_loaded: false, filtered: undefined, loading: true, }; } static getDerivedStateFromProps(nextProps, prevState) { return { date: nextProps.date, car: nextProps.car, contract_date: nextProps.contract_date, events_loaded: nextProps.events_loaded, filtered: nextProps.filtered, }; } componentDidMount() { getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }); if(this.state.events_loaded) { getFilteredEvents({ dispatch: this.props.dispatch, contract: this.props.number }); } } componentDidUpdate(prevProps, prevState) { if(this.state.events_loaded && !prevState.events_loaded) { getFilteredEvents({ dispatch: this.props.dispatch, contract: this.props.number }); } } render() { const { number } = this.props; const { loading, date, car, contract_date, events_loaded, filtered, } = this.state; //console.log("rules", rules); return ( ЛК Эволюция автолизинга

Договор №{ number }

{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") })}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : "без рег. номера" } | ${ car.vin_number !== null ? car.vin_number : "без VIN номера" }` : "" }
{ filtered !== undefined ? ( <> { filtered.length > 0 ? (
    { filtered.map((event, index) => ( )) }
) : (

Нет событий по данному договору.

) } ) : (
) } {/*}

  • Внимание! Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ

    Важное

    10.01.2022

    Посмотрите порядок возврата СТС  или  Загрузите скан СТС

  • Внимание! Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ

    10.01.2022

    Посмотрите порядок возврата СТС  или  Загрузите скан СТС

  • Внимание! Осталось ХХ дней до пролонгации КАСКО по договору №ХХХХ: ХХ.ХХ.ХХХХ. Не забудьте самостоятельно продлить полис ОСАГО

    10.01.2022

    Подробнее

    • {*/}