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 DownloadPdfButton from "../components/DownloadPdfButton"; import { getContractInfo, getContractAgreement, getFile } from "../../actions"; class ContractPage extends React.Component { constructor(props) { super(props); this.state = { contract_date: null, agreement: null, loading: false, } } static getDerivedStateFromProps(nextProps, prevState) { return { contract_date: nextProps.contract_date, agreement: nextProps.agreement, }; } componentDidMount() { if(!this.state.loading && this.props.number !== undefined) { this.setState({ loading: true }, () => { getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }); getContractAgreement({ dispatch: this.props.dispatch, number: this.props.number }).then(() => { this.setState({ loading: false }); }).catch(() => {}); }); } } render() { const { loading, contract_date, agreement, } = this.state; const { number } = this.props; const types = { contracts: "Договор", redemptions: "Выкупные документы", agreements: "Дополнительное соглашение", assignments: "Договор цессии", }; return ( ЛК Эволюция автолизинга

Договор №{ number }{ contract_date !== null && (<> от { moment(contract_date).format("DD.MM.YYYY") })}

{ loading ? (
) : (
{ agreement !== undefined && agreement !== null && agreement.map((document, index) => ( { document.documents !== undefined && document.documents !== null && document.documents.map((file, file_index) => (

{ types[document.type] } { file.number } от { file.date } { file.type !== undefined && { file.type } }

)) } )) }
) }