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"; import AccountLayout from "../components/Layout/Account"; import ContractHeader from "./components/ContractHeader"; class ContractPage extends React.Component { constructor(props) { super(props); this.state = { loading: true, contracts_info: {}, events_loaded: false, filtered: undefined, }; } static getDerivedStateFromProps(nextProps, prevState) { return { contracts_info: nextProps.contracts_info, events_loaded: nextProps.events_loaded, filtered: nextProps.filtered, }; } componentDidMount() { const { dispatch, number} = this.props; if(this.state.contracts_info[ number ] === undefined) { getContractInfo({ dispatch, number }); } if(this.state.events_loaded) { getFilteredEvents({ dispatch, contract: 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, contracts_info, events_loaded, filtered, } = this.state; let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( ЛК Эволюция автолизинга
{ filtered !== undefined ? ( <> { filtered.length > 0 ? (
    { filtered.map((event, index) => ( )) }
) : (

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

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

    Важное

    10.01.2022

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

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

    10.01.2022

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

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

    10.01.2022

    Подробнее

  • {*/}