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, getContractMaterials } 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: false, contracts_info: {}, materials: null, } } static getDerivedStateFromProps(nextProps, prevState) { return { contracts_info: nextProps.contracts_info, materials: nextProps.materials, }; } componentDidMount() { if(!this.state.loading && this.props.number !== undefined) { this.setState({ loading: true }, () => { getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }).then((info) => { //console.log("info", info); getContractMaterials({ dispatch: this.props.dispatch, }).then(() => { this.setState({ loading: false }) }).catch(() => {}); }) .catch(() => { }); }); } } render() { const { loading, contracts_info, materials, } = this.state; const { number } = this.props; let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; return ( ЛК Эволюция автолизинга
{ loading ? (
) : (
{ materials !== undefined && materials !== null && materials.map((document, index ) => (

{ document.name } { document.description !== null && document.description !== "" && ( { document.description } ) }

)) }
) }